:root{--bg: #0b0c10;--panel: #111217;--text: #e6e6e6;--muted: #9aa0a6;--accent: #7c5cff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1200px 600px at 60% -10%,#1a1c24,var(--bg))}a{color:inherit;text-decoration:none}.container{max-width:980px;margin:0 auto;padding:2rem 1rem}.nav{position:sticky;top:0;display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #22232a;background:#0b0c1099}.nav nav{display:flex;gap:1rem}.nav a.active{color:var(--accent);font-weight:600}.brand{font-weight:700;letter-spacing:.3px}h1{font-size:2rem;margin:0 0 .75rem}h2{font-size:1.5rem;margin:0 0 1rem}.muted{color:var(--muted)}.btn{display:inline-block;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:.6rem 1rem;border-radius:.6rem;font-weight:600}.btn-ghost{display:inline-block;border:1px solid #2c2d35;padding:.5rem .9rem;border-radius:.6rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{background:var(--panel);border:1px solid #21222a;border-radius:.8rem;padding:1rem}.row{display:flex;gap:.6rem;margin-top:.6rem}.footer{border-top:1px solid #22232a;padding:1rem 1.25rem;text-align:center;color:var(--muted)}