:root{--brand-primary:#0ea5e9;--brand-secondary:#a855f7;--brand-primary-hover:#38bdf8;--brand-secondary-hover:#c084fc;--brand-text:rgba(125,211,252,1);--glow-cyan:rgba(14,165,233,0.25);--glow-cyan-strong:rgba(14,165,233,0.45);--glow-violet:rgba(168,85,247,0.2);--bg-base:#0a0a0b;--bg-primary:#0a0a0b;--bg-surface:rgba(255,255,255,0.03);--bg-surface-hover:rgba(255,255,255,0.06);--bg-elevated:rgba(255,255,255,0.08);--bg-secondary:#0f1117;--text-primary:rgba(255,255,255,0.95);--text-secondary:rgba(255,255,255,0.6);--text-muted:rgba(255,255,255,0.4);--border-subtle:rgba(255,255,255,0.06);--border-default:rgba(255,255,255,0.1);--border-emphasis:rgba(255,255,255,0.2);--border-brand:rgba(14,165,233,0.3);--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"Geist Mono","Fira Code",ui-monospace,monospace;--sidebar-width:240px;--topbar-height:56px}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body,html{background:var(--bg-base);color:var(--text-primary);margin:0;min-height:100vh;font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.app-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.glass{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card,.glass{background:var(--bg-surface)}.card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;background:var(--brand-primary);color:#0a0a0b;font-weight:600;font-size:.9375rem;border:none;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:box-shadow .2s,transform .2s}.btn-primary:hover{box-shadow:0 0 20px var(--glow-cyan);transform:translateY(-1px)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;background:transparent;color:var(--text-secondary);font-size:.9375rem;border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:background .2s,color .2s}.btn-ghost:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.page-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .25rem;color:var(--text-primary)}.page-description{font-size:.875rem;color:var(--text-muted);margin:0 0 1.5rem}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}