:root{--bg:#0b1020;--panel:#121a2f;--text:#eef3ff;--muted:#aeb9d1;--accent:#7aa2ff;--border:#263451}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,#0b1020 0%,#0d1426 100%);color:var(--text);line-height:1.65}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:900px;margin:0 auto;padding:32px 20px 64px}nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 0 28px}.brand{font-weight:700;letter-spacing:.2px}.navlinks{display:flex;gap:16px;flex-wrap:wrap}.hero{padding:56px 0 36px}h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.08;margin:0 0 18px}h2{margin-top:36px;font-size:1.45rem}p,li{color:var(--muted)}.lead{font-size:1.15rem;max-width:760px}.card{background:rgba(18,26,47,.9);border:1px solid var(--border);border-radius:16px;padding:22px;margin:22px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}.badge{display:inline-block;padding:6px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.9rem}footer{border-top:1px solid var(--border);margin-top:56px;padding-top:24px;color:var(--muted);font-size:.95rem}code{background:#0a0f1c;padding:2px 6px;border-radius:6px;color:#d9e5ff}