:root{
  --bg:#0b1020; --fg:#e8eef8; --muted:#b2c1d6; --card:#121a32; --acc:#6ea8fe;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background:radial-gradient(1200px 500px at 50% -200px,#16234a 0%,#0b1020 60%);
  color:var(--fg);
}
.container{max-width:780px;margin:0 auto;padding:40px 20px;text-align:center}
.logo{width:64px;height:64px;margin:0 auto 16px;display:block;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}
h1{font-size:42px;line-height:1.1;margin:12px 0 8px;letter-spacing:.2px}
.tagline{font-size:18px;color:var(--muted);margin:0 0 6px}
.sub{font-size:16px;color:var(--fg);margin:0 0 36px}
h2{margin:8px 0 6px}
.notify p{color:var(--muted);margin:0 0 16px}
.form{display:flex;gap:10px;justify-content:center;max-width:420px;margin:0 auto 40px}
.form input[type=email]{flex:1;border:1px solid #2b3a63;background:#0f1730;color:#fff;padding:14px 14px;border-radius:10px;font-size:16px}
.form button{background:linear-gradient(135deg,#7aa2ff,#4e8dff);color:#0b1020;border:0;border-radius:10px;padding:14px 18px;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 8px 24px rgba(110,168,254,.35)}
.form button:hover{transform:translateY(-1px)}
.foot{border-top:1px solid #152146;padding-top:20px;font-size:13px;color:var(--muted)}
@media (max-width:540px){
  h1{font-size:32px}
  .form{flex-direction:column}
  .form button{width:100%}
}