:root{
  --bg:#0b0f14;--fg:#e7eef7;--muted:#a9b6c6;
  --card:#101723;--line:#223044;--accent:#2a3a55;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--fg)}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:28px 16px 64px}
.box{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}
h1{font-size:30px;margin:0 0 10px}
h2{font-size:18px;margin:18px 0 8px}
p{margin:0 0 10px;color:var(--muted);line-height:1.5}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.btn{border-radius:14px;padding:12px 14px;border:1px solid var(--line);background:#0f1621}
.btn.primary{background:#142033;border-color:var(--accent)}
.tag{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:12px;color:var(--muted);margin-right:6px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
header,footer{background:#0f1621;border-bottom:1px solid var(--line)}
footer{border-top:1px solid var(--line);border-bottom:none}
.nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.nav .spacer{flex:1}
.small{font-size:12px;color:var(--muted)}
@media (max-width:980px){.grid2,.grid3{grid-template-columns:1fr}}