
:root{--bg:#0b1220;--card:#0f172a;--text:#e5e7eb;--muted:#94a3b8;--brand:#0ea5e9;}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 800px at 70% -10%, #0b4663 0%, rgba(11,17,32,0) 60%), var(--bg);color:var(--text);display:flex;align-items:center;justify-content:center}
.container{width:100%;max-width:860px;padding:32px}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));border:1px solid rgba(255,255,255,0.08);backdrop-filter: blur(6px);border-radius:24px;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,0.35)}
.badge{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:rgba(14,165,233,.15);color:#9bd8f4;font-weight:600;border:1px solid rgba(14,165,233,.35);font-size:14px}
h1{font-size:44px;line-height:1.1;margin:18px 0 12px}
p{font-size:18px;color:var(--muted);margin:0 0 24px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
a.button, button.button{appearance:none;border:1px solid rgba(255,255,255,0.2);background:linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04));color:var(--text);padding:12px 16px;border-radius:12px;font-weight:600;text-decoration:none;cursor:pointer}
a.button.primary{border-color:rgba(14,165,233,.6);background:linear-gradient(180deg, rgba(14,165,233,.25), rgba(14,165,233,.1));color:white}
.footer{margin-top:26px;font-size:14px;color:#93a1b3}
.logo{display:flex;align-items:center;gap:12px}
.logo img{width:36px;height:36px;border-radius:9px}
.logo span{font-weight:800;letter-spacing:.3px;font-size:18px}
hr{border:none;border-top:1px solid rgba(255,255,255,0.08);margin:20px 0}
input[type="email"]{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.18);color:var(--text);padding:12px 14px;border-radius:12px;min-width:260px;outline:none}
input::placeholder{color:#9aa8b8}
form{display:flex;gap:12px;flex-wrap:wrap}
small{color:#94a3b8}
