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

body{
font-family:'Segoe UI',Arial,sans-serif;
background:
radial-gradient(circle at top,#ffffff 0%,#ffffff 70%);
color:#034777;
min-height:100vh;
overflow-x:hidden;
display:flex;
justify-content:center;
align-items:center;
padding:20px;
position:relative;
}

body::before{
content:"";
position:absolute;
inset:0;
background-image:
radial-gradient(rgba(3,71,119) 1px, transparent 1px);
background-size:70px 70px;
opacity:.4;
pointer-events:none;
}

.container{
position:relative;
z-index:2;
max-width:1200px;
width:100%;
text-align:center;
}

.logo{
margin-bottom:10px;
}

.logo img{
width:180px;
height:auto;
display:block;
margin:auto;
}

.brand{
font-size:24px;
letter-spacing:8px;
color:#2ba0da;
margin-bottom:20px;
}

h1{
font-size:72px;
font-weight:800;
line-height:1;
margin-bottom:15px;
}

h1 span{
color:#2ba0da;
}

.subtitle{
font-size:24px;
color:#034777;
margin-bottom:20px;
}

.desc{
font-size:18px;
line-height:1.7;
color:#03456d;
margin-bottom:30px;
}

.countdown{
display:flex;
justify-content:center;
gap:15px;
flex-wrap:wrap;
margin-bottom:30px;
}

.box{
width:140px;
height:140px;
border:1px solid rgba(3,71,119,.4);
border-radius:20px;
background:rgba(255,255,255,.03);
backdrop-filter:blur(10px);
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
box-shadow:0 0 15px rgba(43,160,218,.4);
}

.number{
font-size:56px;
font-weight:700;
color:#2ba0da;
}

.label{
margin-top:8px;
font-size:13px;
letter-spacing:2px;
}

.email{
font-size:28px;
margin-top:10px;
}

.email a{
text-decoration:none;
color:#2ba0da;
}

.footer{
margin-top:20px;
font-size:15px;
color:#03456d;
}

@media(max-width:768px){

body{
padding:20px 12px;
}

.logo img{
width:120px;
}

.brand{
font-size:18px;
letter-spacing:5px;
margin-bottom:15px;
}

h1{
font-size:44px;
}

.subtitle{
font-size:16px;
margin-bottom:15px;
}

.desc{
font-size:14px;
margin-bottom:25px;
}

.countdown{
gap:10px;
margin-bottom:25px;
}

.box{
width:85px;
height:85px;
}

.number{
font-size:30px;
}

.label{
font-size:10px;
letter-spacing:1px;
}

.email{
font-size:18px;
word-break:break-word;
}

.footer{
font-size:13px;
margin-top:15px;
}

}