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

body{

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

background:
linear-gradient(rgba(5,10,18,.82),
rgba(5,10,18,.90)),
url(images/banner.jpg);

background-size:cover;
background-position:center;
height:100vh;

display:flex;
justify-content:center;
align-items:center;

color:#fff;

overflow:hidden;
}

.overlay{

position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.15);

}

.coming-soon{

position:relative;
z-index:5;

width:90%;
max-width:900px;

text-align:center;

padding:60px;

border:1px solid rgba(199,161,87,.35);

background:rgba(9,16,28,.65);

backdrop-filter:blur(10px);

box-shadow:0 0 40px rgba(0,0,0,.4);

}

.logo img{

width:120px;
margin-bottom:30px;

}

.subtitle{

color:#C7A157;
letter-spacing:4px;
font-size:14px;
text-transform:uppercase;

}

h1{

font-family:'Cinzel',serif;
font-size:58px;
font-weight:600;
line-height:1.2;

margin:20px 0;

}

p{

max-width:650px;
margin:0 auto 45px;

color:#cfcfcf;
line-height:1.9;

}

#countdown{

display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;

margin-bottom:45px;

}

.time-box{

width:120px;

padding:25px;

background:#111d30;

border:1px solid rgba(199,161,87,.4);

}

.time-box h2{

font-size:48px;
color:#C7A157;

}

.time-box span{

color:#ddd;
text-transform:uppercase;
font-size:12px;
letter-spacing:2px;

}

.btn{

display:inline-block;

padding:15px 40px;

background:#C7A157;

color:#08111c;

text-decoration:none;

font-weight:600;

transition:.3s;

}

.btn:hover{

background:#fff;
color:#111;

}

@media(max-width:768px){

.coming-soon{

padding:40px 25px;

}

h1{

font-size:40px;

}

.time-box{

width:90px;
padding:18px;

}

.time-box h2{

font-size:34px;

}

}

@media(max-width:480px){

h1{

font-size:32px;

}

.time-box{

width:80px;

}

.time-box h2{

font-size:28px;

}

}