:root{
  --bg:#0b0b0d; --card:#121217; --muted:#9aa3aa; --text:#e9eef2;
  --accent:#e53935; --accent-2:#ff5252; --ring: rgba(229,57,53,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
header{position:sticky;top:0;z-index:50;backdrop-filter:blur(8px);background:linear-gradient(to bottom,rgba(11,11,13,.85),rgba(11,11,13,.55));border-bottom:1px solid rgba(255,255,255,.06)}
.nav{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:12px 18px;}
.nav .spacer{flex:1}
.nav a.btn{padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#101015}
.logo{display:flex;align-items:center;gap:12px}
.logo img{width:40px;height:40px}
.logo h1{font-size:18px;margin:0;font-weight:700;letter-spacing:.4px}
.hero{max-width:1100px;margin:28px auto;padding:28px;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;}
.card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.02)}
.glow{box-shadow:0 0 0 2px var(--ring), 0 8px 40px rgba(229,57,53,.15)}
h2{margin:10px 0 14px 0}
.pill{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(229,57,53,.12);color:#ffd7d7;border:1px solid rgba(229,57,53,.35);font-size:12px;margin-right:8px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.kpi{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#0f0f14;border:1px solid rgba(255,255,255,.06)}
.kpi b{font-size:22px}
.cta{display:flex;gap:12px;margin-top:16px}
.btn-lg{background:linear-gradient(145deg,var(--accent),var(--accent-2));color:white;padding:12px 16px;border:none;border-radius:14px;font-weight:700}
.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text);padding:12px 16px;border-radius:14px}
.footer{max-width:1100px;margin:40px auto;padding:24px;color:var(--muted);display:flex;gap:16px;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06)}
.section{max-width:1100px;margin:0 auto;padding:0 28px 28px}
ul{margin:8px 0 8px 1.1rem}
code,kbd{background:#0f0f14;border:1px solid rgba(255,255,255,.1);padding:2px 6px;border-radius:6px}
table{width:100%;border-collapse:separate;border-spacing:0 10px}
th,td{padding:12px 14px;background:#0f0f14;border:1px solid rgba(255,255,255,.06)}
th{background:#14141b}
.badge{background:#101018;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:4px 8px;color:#c9d2d9}
.muted{color:var(--muted)}
@media(max-width:900px){.hero{grid-template-columns:1fr}}