body{

margin:0;
font-family:Arial, Helvetica, sans-serif;

background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);

color:white;

text-align:center;

}

.main{

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

height:100vh;

padding:20px;

}

h1{

font-size:45px;

letter-spacing:2px;

}

h2{

margin-top:10px;

color:#00eaff;

}

p{

margin-top:20px;

font-size:18px;

}

.countdown{

display:flex;

gap:20px;

margin-top:40px;

flex-wrap:wrap;

justify-content:center;

}

.countdown div{

background:rgba(255,255,255,0.1);

padding:20px;

border-radius:10px;

width:80px;

}

.countdown span{

font-size:28px;

font-weight:bold;

display:block;

}

.btn{

margin-top:40px;

display:inline-block;

padding:12px 30px;

background:#00eaff;

color:#000;

text-decoration:none;

border-radius:30px;

font-weight:bold;

}

.btn:hover{

background:#00c5d8;

}

footer{

position:absolute;

bottom:10px;

font-size:14px;

opacity:0.7;

}

/* Mobile */

@media(max-width:600px){

h1{

font-size:30px;

}

.countdown div{

width:60px;

padding:15px;

}

}