:root{--color-bg:#080d19;--color-surface:#0f172a;--color-card:#1e293b;--color-border:#2a3a52;--color-primary:#3478f6;--color-primary-hover:#5a93fa;--color-accent:#a78bfa;--color-success:#2ec4b6;--color-warning:#e5864a;--color-error:#ef4444;--color-text:#f1f5f9;--color-text-muted:#64748b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--max-content-width:1120px}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100%}body{background:var(--color-bg);color:var(--color-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.main-shell{min-height:100vh;background:linear-gradient(180deg,var(--color-bg) 0,#0b1324 100%)}.container{margin:0 auto;max-width:var(--max-content-width);padding:var(--space-6)}.topbar{border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 94%,#000);position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar-inner{align-items:center;display:flex;gap:var(--space-6);justify-content:space-between;padding:var(--space-4) var(--space-6)}.brand{align-items:center;display:inline-flex;gap:var(--space-2);font-weight:700;letter-spacing:.08em}.brand-dot{background:var(--color-primary);border-radius:var(--radius-pill);height:10px;width:10px}.nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.nav-link{border:1px solid transparent;border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:14px;padding:var(--space-2) var(--space-4);transition:all .2s ease}.nav-link:hover{border-color:var(--color-border);color:var(--color-text)}.nav-link-active{background:color-mix(in srgb,var(--color-primary) 14%,transparent);border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));color:var(--color-text)}.grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width:768px){.container,.topbar-inner{padding:var(--space-4)}.topbar-inner{align-items:flex-start;flex-direction:column;gap:var(--space-3)}}.nav-button{background:transparent;cursor:pointer;font-family:inherit}