:root{--bg-dark: #070A12;--bg-dark-alt: #0B1020;--surface-dark: #10172A;--surface-dark-hover: #151F35;--surface-light: #F8FAFC;--surface-white: #FFFFFF;--border-dark: rgba(148,163,184,.18);--border-light: #E2E8F0;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-primary-light: #0F172A;--text-secondary-light: #475569;--text-muted-light: #64748B;--accent-purple: #8B5CF6;--accent-blue: #38BDF8;--accent-cyan: #22D3EE;--accent-green: #22C55E;--accent-amber: #F59E0B;--accent-red: #EF4444;--accent-info: #3B82F6;--gradient-primary: linear-gradient(135deg, #8B5CF6 0%, #38BDF8 100%);--glow-purple: radial-gradient(circle at top left, rgba(139,92,246,.35), transparent 50%);--glow-blue: radial-gradient(circle at top right, rgba(56,189,248,.22), transparent 50%);--shadow-card: 0 0 0 1px rgba(148,163,184,.12), 0 24px 80px rgba(15,23,42,.35);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 999px;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--text-display: 800 64px/1 var(--font-sans);--text-h1: 800 48px/1.05 var(--font-sans);--text-h2: 750 36px/1.1 var(--font-sans);--text-h3: 700 24px/1.25 var(--font-sans);--text-body: 400 16px/1.6 var(--font-sans);--text-sm: 400 14px/1.5 var(--font-sans);--text-xs: 400 12px/1.4 var(--font-sans);--page-pad: 32px;--section-gap: 96px;--card-pad: 24px;--nav-h: 72px}@media(max-width:768px){:root{--page-pad: 24px;--section-gap: 56px;--card-pad: 20px}}@media(max-width:480px){:root{--page-pad: 16px;--section-gap: 48px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font:var(--text-body);background:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased}a{color:var(--accent-blue);text-decoration:none}button{cursor:pointer;font-family:var(--font-sans)}img,svg{display:block;max-width:100%}input,textarea,select{font-family:var(--font-sans);font-size:16px}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-bg{background:var(--glow-purple),var(--glow-blue)}.card-dark{background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:var(--radius-md);padding:var(--card-pad)}.card-dark:hover{background:var(--surface-dark-hover)}.card-white{background:var(--surface-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--card-pad);box-shadow:0 1px 3px #0000000f}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-full);font-weight:600;font-size:var(--text-sm);text-decoration:none}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;background:transparent;color:var(--text-primary);border:1px solid var(--border-dark);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-sm)}.btn-outline:hover{border-color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:.15rem .6rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.badge-purple{background:#8b5cf629;color:var(--accent-purple);border:1px solid rgba(139,92,246,.3)}.badge-blue{background:#38bdf829;color:var(--accent-blue);border:1px solid rgba(56,189,248,.3)}.badge-green{background:#22c55e29;color:var(--accent-green);border:1px solid rgba(34,197,94,.3)}.badge-amber{background:#f59e0b29;color:var(--accent-amber);border:1px solid rgba(245,158,11,.3)}.badge-red{background:#ef444429;color:var(--accent-red);border:1px solid rgba(239,68,68,.3)}.container{max-width:1200px;margin:0 auto;padding:0 var(--page-pad)}.section{padding:var(--section-gap) 0}.text-center{text-align:center}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--card-pad)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-pad)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--card-pad)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}