*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Poppins,sans-serif;background:#06121d;color:#fff;height:100vh;overflow:hidden}
.bg{position:fixed;inset:0;background:linear-gradient(#06111d,#102944)}
.sky{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(255,205,90,.15),transparent 35%)}
.sun{position:absolute;width:220px;height:220px;border-radius:50%;background:#d9af63;left:50%;top:14%;transform:translateX(-50%);filter:blur(2px);opacity:.9}
.cloud{position:absolute;width:240px;height:70px;background:rgba(255,255,255,.08);border-radius:100px;filter:blur(12px);animation:cloud 35s linear infinite}
.c1{top:18%;left:-20%}.c2{top:28%;left:-30%;animation-duration:45s}
@keyframes cloud{to{transform:translateX(160vw)}}
.mountain{position:absolute;left:0;right:0;bottom:0;clip-path:polygon(0 100%,8% 68%,16% 86%,26% 46%,36% 82%,46% 32%,58% 76%,70% 42%,84% 78%,100% 55%,100% 100%)}
.back{height:52%;background:#1c3854}
.mid{height:40%;background:#183149}
.front{height:28%;background:#102336}
.fog{position:absolute;left:0;right:0;bottom:0;height:180px;background:linear-gradient(transparent,#06121d)}
.card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92%,760px);padding:50px;border-radius:28px;background:rgba(8,20,33,.48);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 60px rgba(0,0,0,.5);text-align:center}
.logo{width:80px;height:80px;border:2px solid #d9af63;border-radius:50%;margin:auto;display:flex;align-items:center;justify-content:center;font:700 42px Cinzel;color:#d9af63}
h1{font:700 64px Cinzel;letter-spacing:8px;margin-top:20px}
h3{color:#d9af63;letter-spacing:10px;font-weight:400}
.tag{font:500 28px Cinzel;margin:28px 0 10px}
.line{width:120px;height:2px;background:#d9af63;margin:20px auto}
.desc{opacity:.85}
#countdown{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:35px 0}
#countdown div{width:110px;padding:18px;background:rgba(255,255,255,.06);border-radius:16px}
#countdown span{display:block;font-size:40px;color:#d9af63;font-weight:700}
small{letter-spacing:2px}
.notify{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:10px}
input{width:360px;max-width:100%;padding:16px;border-radius:40px;border:none}
button{padding:16px 28px;border:none;border-radius:40px;background:#d9af63;font-weight:700;cursor:pointer}
button:hover{background:#efc57f}
.launch{margin-top:28px;color:#d9af63;letter-spacing:3px}
.particles{position:fixed;inset:0;pointer-events:none}
.particles span{position:absolute;bottom:-10px;width:3px;height:3px;background:#f7d28d;border-radius:50%;animation:float linear infinite}
@keyframes float{to{transform:translateY(-110vh)}}
@media(max-width:768px){
h1{font-size:42px;letter-spacing:4px}
.tag{font-size:22px}
.card{padding:28px}
}