*{margin:0;padding:0;box-sizing:border-box;font-family:Inter}
body{min-height:100vh;color:#fff;background:url('assets/bg.png') center/cover}
.overlay{position:fixed;inset:0;background:linear-gradient(rgba(0,15,45,.72),rgba(0,15,45,.82))}
header,.hero,.cards{position:relative;z-index:1}
header{display:flex;justify-content:space-between;padding:40px 8%}
.logo{font-size:46px;font-weight:900}.logo span{font-size:18px}
.pill{padding:14px 22px;border-radius:99px;background:rgba(255,255,255,.08);backdrop-filter:blur(20px)}
.hero{padding:7% 8%;max-width:850px}
h1{font-size:110px;line-height:.95}.hero span{color:#4db4ff}
p{margin:24px 0;font-size:24px}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.countdown div,.cards div{background:rgba(255,255,255,.08);backdrop-filter:blur(18px);border-radius:22px;padding:28px;text-align:center}
strong{display:block;font-size:54px}
.notify{display:flex;gap:12px;margin-top:32px}
input,button{padding:18px;border:none;border-radius:16px}
input{flex:1}
button{background:linear-gradient(90deg,#ff8a00,#ff4f00);color:#fff}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:0 8% 60px}
@media(max-width:900px){h1{font-size:62px}.countdown,.cards{grid-template-columns:1fr 1fr}.notify{flex-direction:column}}