@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Poppins:wght@300;400;500&display=swap');

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:'Poppins',sans-serif;

background:linear-gradient(135deg,#f5f7fa,#e4ecf7);

text-align:center;

min-height:100vh;

padding:30px 10px;

}

/* MAIN CONTAINER */

.container{

max-width:650px;

margin:auto;

}

/* BRAND */

.brand{

font-family:'Playfair Display',serif;

font-size:48px;

color:#0a2a66;

letter-spacing:2px;

margin-bottom:10px;

}

.tagline{

font-size:18px;

color:#1f4fa3;

margin-bottom:30px;

}

/* ADDRESS BOX */

.address-box{

background:white;

padding:20px;

border-radius:12px;

box-shadow:0 8px 20px rgba(0,0,0,0.1);

margin-bottom:30px;

line-height:1.6;

}

.address-box a{

color:#1f4fa3;

text-decoration:none;

}

/* CONTACT FORM */

.contact-form{

display:flex;

flex-direction:column;

gap:15px;

}

.contact-form input,

.contact-form textarea{

padding:12px;

border-radius:8px;

border:1px solid #ccc;

font-size:14px;

}

.contact-form button{

padding:12px;

background:#0a2a66;

color:white;

border:none;

border-radius:8px;

cursor:pointer;

font-size:15px;

}

.contact-form button:hover{

background:#1f4fa3;

}

/* FOOTER */

.footer{

margin-top:30px;

font-size:14px;

color:#555;

}


/* GRAND OPENING POPUP */

.popup-overlay{

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

background:rgba(0,0,0,0.9);

display:flex;

justify-content:center;

align-items:flex-start;

overflow-y:auto;

padding:40px 10px;

z-index:9999;

}

.popup-box{

position:relative;

max-width:650px;

width:95%;

}

.poster-img{

width:100%;

height:auto;

border-radius:10px;

box-shadow:0 10px 40px rgba(0,0,0,0.6);

}

.close-popup{

position:absolute;

top:-15px;

right:-15px;

background:white;

width:35px;

height:35px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:18px;

cursor:pointer;

font-weight:bold;

}