@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap);body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}.btn,.section-tag{align-items:center;gap:var(--space-2);display:inline-flex}.btn,body{font-family:var(--font-sans)}.btn,a{text-decoration:none}.badge,.btn,.section-tag{display:inline-flex}.btn,.sr-only{overflow:hidden}.section-header,.text-center{text-align:center}:root{--bg-primary:#070b16;--bg-secondary:#0c1224;--bg-tertiary:#111827;--surface-1:rgba(255, 255, 255, 0.04);--surface-2:rgba(255, 255, 255, 0.07);--surface-3:rgba(255, 255, 255, 0.10);--border-subtle:rgba(255, 255, 255, 0.07);--border-normal:rgba(255, 255, 255, 0.12);--border-strong:rgba(255, 255, 255, 0.20);--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-amber:#f59e0b;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-hero:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #06b6d4 100%);--gradient-card:linear-gradient(135deg, rgba(99,102,241,0.15) 0%, rgba(139,92,246,0.08) 100%);--gradient-bg:radial-gradient(ellipse 80% 50% at 50% -20%, rgba(99,102,241,0.18) 0%, transparent 100%);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-disabled:#475569;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'JetBrains Mono','Fira Code','Cascadia Code',monospace;--text-xs:clamp(0.70rem, 1.5vw, 0.75rem);--text-sm:clamp(0.80rem, 1.8vw, 0.875rem);--text-base:clamp(0.9rem,  2vw,   1rem);--text-lg:clamp(1rem,    2.2vw, 1.125rem);--text-xl:clamp(1.1rem,  2.5vw, 1.25rem);--text-2xl:clamp(1.3rem,  3vw,   1.5rem);--text-3xl:clamp(1.6rem,  3.5vw, 1.875rem);--text-4xl:clamp(2rem,    4.5vw, 2.5rem);--text-5xl:clamp(2.5rem,  5.5vw, 3.5rem);--text-6xl:clamp(3rem,    7vw,   4.5rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.4),0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.4),0 2px 6px rgba(0,0,0,0.3);--shadow-lg:0 10px 40px rgba(0,0,0,0.5),0 4px 12px rgba(0,0,0,0.3);--shadow-xl:0 20px 60px rgba(0,0,0,0.6),0 8px 24px rgba(0,0,0,0.4);--shadow-glow:0 0 40px rgba(99,102,241,0.25);--shadow-glow-strong:0 0 60px rgba(99,102,241,0.4);--glass-bg:rgba(255, 255, 255, 0.04);--glass-bg-hover:rgba(255, 255, 255, 0.07);--glass-blur:blur(20px) saturate(180%);--glass-border:1px solid rgba(255, 255, 255, 0.09);--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base:250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:400ms cubic-bezier(0.4, 0, 0.2, 1);--transition-spring:500ms cubic-bezier(0.34, 1.56, 0.64, 1);--container-max:1280px;--container-wide:1440px;--nav-height:72px;--section-py:var(--space-24)}[data-theme=light]{--bg-primary:#f8faff;--bg-secondary:#eef1fa;--bg-tertiary:#e8ecf5;--surface-1:rgba(255, 255, 255, 0.80);--surface-2:rgba(255, 255, 255, 0.90);--surface-3:rgba(255, 255, 255, 0.95);--border-subtle:rgba(15, 23, 42, 0.06);--border-normal:rgba(15, 23, 42, 0.12);--border-strong:rgba(15, 23, 42, 0.22);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-disabled:#cbd5e1;--glass-bg:rgba(255, 255, 255, 0.70);--glass-bg-hover:rgba(255, 255, 255, 0.85);--glass-border:1px solid rgba(15, 23, 42, 0.10);--gradient-bg:radial-gradient(ellipse 80% 50% at 50% -20%, rgba(99,102,241,0.10) 0%, transparent 100%);--shadow-sm:0 1px 3px rgba(15,23,42,0.12),0 1px 2px rgba(15,23,42,0.08);--shadow-md:0 4px 16px rgba(15,23,42,0.10),0 2px 6px rgba(15,23,42,0.08);--shadow-lg:0 10px 40px rgba(15,23,42,0.12),0 4px 12px rgba(15,23,42,0.08);--shadow-glow:0 0 40px rgba(99,102,241,0.15)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-size:var(--text-base);line-height:1.7;background-color:var(--bg-primary);background-image:var(--gradient-bg);background-attachment:fixed;transition:background-color var(--transition-slow),color var(--transition-slow);overflow-x:hidden;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}::selection{background:rgba(99,102,241,.3);color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--text-secondary);line-height:1.8}.section-tag,a{color:var(--accent-primary)}a{transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:var(--radius-sm)}code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-2);padding:.1em .4em;border-radius:var(--radius-sm);color:var(--accent-cyan)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6);width:100%}.container--wide{max-width:var(--container-wide)}.container--narrow{max-width:800px}.section{padding:var(--section-py) 0}.section--sm{padding:var(--space-16) 0}.section-header{margin-bottom:var(--space-16)}.section-tag,.section-title{margin-bottom:var(--space-4)}.section-tag{font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:rgba(99,102,241,.12);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid rgba(99,102,241,.25)}.section-title{font-size:var(--text-4xl);font-weight:800;color:var(--text-primary)}.gradient-text,.section-title span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-desc{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.gradient-text--hero{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-xl);transition:background var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.glass-card:hover{background:var(--glass-bg-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn{justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;position:relative}.btn::after,.glow-orb,.sr-only{position:absolute}.btn::after{content:'';inset:0;background:rgba(255,255,255,0);transition:background var(--transition-fast)}.btn:hover::after{background:rgba(255,255,255,.08)}.btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px rgba(99,102,241,.4)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(99,102,241,.5);color:#fff}.btn--outline{background:0 0;color:var(--text-primary);border:1px solid var(--border-normal)}.badge,.btn--ghost{color:var(--text-secondary)}.btn--outline:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);background:rgba(99,102,241,.08)}.btn--ghost{background:0 0;border:none;padding:var(--space-2) var(--space-4)}.btn--ghost:hover{color:var(--text-primary);background:var(--surface-1)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.badge,.btn--sm{font-size:var(--text-xs)}.btn--sm{padding:var(--space-2) var(--space-4)}.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-weight:500;border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border-subtle);transition:all var(--transition-fast);font-family:var(--font-mono)}.badge--accent,.badge:hover{background:rgba(99,102,241,.15);color:var(--accent-primary)}.badge:hover{border-color:rgba(99,102,241,.3)}.badge--accent{border-color:rgba(99,102,241,.25)}.badge--cyan{background:rgba(6,182,212,.12);color:var(--accent-cyan);border-color:rgba(6,182,212,.25)}.badge--emerald{background:rgba(16,185,129,.12);color:var(--accent-emerald);border-color:rgba(16,185,129,.25)}.badge--amber{background:rgba(245,158,11,.12);color:var(--accent-amber);border-color:rgba(245,158,11,.25)}.badge--rose{background:rgba(244,63,94,.12);color:var(--accent-rose);border-color:rgba(244,63,94,.25)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-normal),transparent);border:none;margin:var(--space-8) 0}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:var(--nav-height)}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.sr-only{width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid-2,.grid-3,.grid-4{display:grid;gap:var(--space-6)}.flex-wrap{flex-wrap:wrap}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.glow-orb{border-radius:var(--radius-full);filter:blur(80px);pointer-events:none;z-index:0}.glow-orb--primary{background:rgba(99,102,241,.15)}.glow-orb--secondary{background:rgba(139,92,246,.12)}.glow-orb--cyan{background:rgba(6,182,212,.1)}@media (max-width:1024px){:root{--section-py:var(--space-20)}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--section-py:var(--space-16)}.container{padding:0 var(--space-4)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section-title{font-size:var(--text-3xl)}}@media (max-width:480px){:root{--section-py:var(--space-12)}}