:root{
  --bg:#0b1220; --fg:#e8eefb; --muted:#a7b3cc; --brand:#4f8cff; --accent:#39d98a;
  --card:#121a2b; --shadow:0 10px 30px rgba(0,0,0,.3);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:24px}
.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}
.logo{display:flex;align-items:center;gap:12px}
.logo img{width:40px;height:40px}
.badge{background:rgba(79,140,255,.15);color:#bcd3ff;padding:6px 10px;border-radius:999px;font-size:12px}
.title{font-size:44px;line-height:1.1;margin:12px 0 8px}
.subtitle{font-size:18px;color:var(--muted);max-width:800px}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;margin:32px 0}
@media (max-width:900px){.hero{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;box-shadow:var(--shadow)}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.btn{padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#1a2440;color:#fff}
.btn.primary{background:var(--brand);border-color:rgba(255,255,255,.1)}
.btn.secondary{background:#1a2440}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
@media (max-width:900px){.grid{grid-template-columns:1fr}}
.feature{display:flex;gap:12px;align-items:flex-start}
.feature .icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(57,217,138,.12);color:#9bf2c8}
.section-title{font-size:22px;margin:8px 0 10px}
.footer{margin:40px 0 20px;color:var(--muted);font-size:14px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}
.list{display:grid;gap:8px}
.small{font-size:13px;color:var(--muted)}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:700px){.kv{grid-template-columns:1fr}}
.form{display:grid;gap:10px;margin-top:10px}
.input{background:#0e1526;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;color:#cfe3ff}
.notice{font-size:12px;color:#94a3c7;margin-top:8px}
.section{margin:40px 0}