:root{
  --blue:#2747E7; --muted:#8F9FF2; --ink:#040A25; --card:#101737;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#fff;
  background: radial-gradient(1200px 600px at 10% -10%, rgba(39,71,231,.25), transparent),
              radial-gradient(1200px 600px at 90% 110%, rgba(39,71,231,.2), transparent),
              #0b122f;}
.wrapper{min-height:100%;display:flex;flex-direction:column}
.nav{display:flex;align-items:center;padding:20px 24px 0}
.logo{width:140px;height:auto;padding:8px 0}
.hero{margin:40px auto;padding:32px 24px 48px;max-width:860px;text-align:center;background:linear-gradient(180deg, rgba(16,23,55,.6), rgba(16,23,55,.3));
  border:1px solid rgba(255,255,255,.06);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
h1{font-size:clamp(36px,6vw,64px);line-height:1.06;margin:12px 0}
h1 .accent{background:linear-gradient(90deg,var(--blue),var(--muted));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:#d6d7e3;font-size:clamp(16px,2.4vw,18px);margin:0 auto 24px;max-width:720px}
.countdown{display:flex;justify-content:center;gap:12px;margin:10px auto 22px}
.countdown div{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:14px 18px;min-width:92px}
.countdown span{display:block;font-size:clamp(24px,4vw,36px);font-weight:800}
.countdown small{opacity:.75;font-weight:600}
.form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;justify-content:center;margin:8px auto 10px;padding:6px;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);border-radius:16px;max-width:760px;backdrop-filter:blur(8px)}
.form input{border:none;background:transparent;padding:12px 14px;font-size:16px;color:#fff;outline:none}
.form button{border:0;background:var(--blue);color:#fff;padding:12px 18px;font-weight:700;border-radius:12px;cursor:pointer;box-shadow:0 8px 20px rgba(39,71,231,.35)}
.bullets{display:flex;flex-wrap:wrap;gap:10px 16px;margin:16px 0 0;justify-content:center;padding:0;list-style:none}
.bullets li{background:rgba(143,159,242,.12);color:#e7eaff;border:1px solid rgba(143,159,242,.2);padding:8px 12px;border-radius:999px;font-size:14px;font-weight:600}
.foot{text-align:center;color:#98a2b3;padding:24px;margin-top:auto}
.tiny{font-size:12px;opacity:.75}
.hidden{display:none}
@media (max-width:700px){.form{grid-template-columns:1fr;}.logo{width:110px}}