:root{--bg:#0b1220;--card:#121a2b;--muted:#9fb0c7;--text:#eaf2ff;--pill:#23314d}
    body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;margin:0;line-height:1.55}
    .wrap{max-width:960px;margin:0 auto;padding:48px 20px}
    .card{background:var(--card);border-radius:16px;padding:28px}
    h1{font-size:clamp(28px,3.2vw,44px);margin:0 0 12px}
    h2{margin:28px 0 8px;font-size:20px}
    p{color:var(--muted)}
    .grid{display:grid;gap:18px}
    .cols-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
    .pill{display:inline-block;background:var(--pill);color:#b9cbeb;border-radius:999px;padding:6px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
    ul{margin:10px 0 0 18px}
    a.btn{display:inline-block;margin-right:12px;margin-top:14px;padding:10px 14px;border-radius:10px;background:#2f67ff;color:white;text-decoration:none}
    a.btn.alt{background:#213357}
    .meta{font-size:12px;color:#8fa3c4;margin-top:18px}
    .small{font-size:14px}
    code{background:#0b1426;padding:2px 6px;border-radius:6px}
    hr{border:none;border-top:1px solid #1f2b44;margin:26px 26px 0px 0px}