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

body{
font-family:'Segoe UI',Arial,sans-serif;
background:
radial-gradient(circle at top,#5b1020 0%,#1a050b 70%);
color:#fff;
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(212,166,74,.18) 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:#d4a64a;
margin-bottom:20px;
}

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

h1 span{
color:#d4a64a;
}

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

.desc{
font-size:18px;
line-height:1.7;
color:#e3e3e3;
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(212,166,74,.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 25px rgba(212,166,74,.08);
}

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

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

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

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

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

@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;
}

}