:root{--bg:#0e0e10;--text:#eaeaff;--muted:#8f95b3;--panel:#121316;--border:#2a2c33;--accent:#7c3aed}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:#cbd1ff;text-decoration:none}
a:hover{text-decoration:underline}
.top-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:#0f1014;position:sticky;top:0;z-index:2}
.brand{font-weight:800;letter-spacing:.2px}
.nav-links{display:flex;gap:14px}
.left-links{display:flex;gap:10px}
.nav-link{border:1px solid var(--border);background:#171922;color:#cfd3ff;padding:8px 10px;border-radius:8px}
.nav-link:hover{background:#1f2230}
.page-title{margin:18px 16px 6px;font-size:28px}
.lede{margin:0 16px 18px;color:var(--muted)}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px}
.card h2{margin:0 0 8px;font-size:18px}
.card p{margin:0;color:#cfd3ff}
.site-footer{padding:16px;border-top:1px solid var(--border);margin-top:24px;color:var(--muted);text-align:center}
@media (max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid{grid-template-columns:1fr}}