@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#080b12;--bg-card:#0f1420;--bg-card-hover:#141a2a;--bg-elevated:#1a2236;--bg-input:#111827;--bg-overlay:#080b12d9;--border:#1e2a3d;--border-subtle:#152035;--border-focus:#22d3a7;--text-primary:#e2e8f4;--text-secondary:#7b89a8;--text-muted:#4a5572;--text-heading:#f0f4ff;--accent:#22d3a7;--accent-hover:#2eeabd;--accent-dim:#22d3a71f;--accent-glow:#22d3a740;--danger:#ef6461;--danger-dim:#ef64611f;--warning:#f5b731;--warning-dim:#f5b7311a;--success:#34d399;--success-dim:#34d3991f;--info:#5b8def;--info-dim:#5b8def1a;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #22d3a726;--shadow-glow-strong:0 0 40px #22d3a738;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6}[data-theme=light]{--bg-primary:#f4f6fc;--bg-card:#fff;--bg-card-hover:#f0f3fb;--bg-elevated:#e8ecf8;--bg-input:#f8f9fe;--bg-overlay:#f4f6fceb;--border:#d4daf0;--border-subtle:#e0e6f5;--text-primary:#1a2038;--text-secondary:#4a5572;--text-muted:#8892b0;--text-heading:#0f1420;--accent-dim:#22d3a724;--accent-glow:#22d3a72e;--shadow-sm:0 1px 3px #00000012;--shadow-md:0 4px 12px #00000017;--shadow-lg:0 8px 32px #0000001a;--shadow-glow:0 0 20px #22d3a71a;color:var(--text-primary);background:var(--bg-primary)}[data-theme=light] body{background:var(--bg-primary)}[data-theme=light] ::-webkit-scrollbar-track{background:#e8ecf8}[data-theme=light] ::-webkit-scrollbar-thumb{background:#c4cce8}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#a0acd0}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-primary);min-height:100vh;margin:0;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-heading);margin:0;line-height:1.15}h1{letter-spacing:-1.5px;font-size:clamp(2.25rem,5vw,4rem);font-weight:800}h2{letter-spacing:-.8px;font-size:clamp(1.6rem,3vw,2.5rem);font-weight:700}h3{letter-spacing:-.3px;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600}h4{font-size:1.05rem;font-weight:600}p{color:var(--text-secondary);margin:0;line-height:1.7}a{color:var(--accent);transition:color .2s var(--ease-out);text-decoration:none}a:hover{color:var(--accent-hover)}code,.mono{font-family:var(--font-mono);font-size:.85em}strong{color:var(--text-heading);font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #22d3a726}50%{box-shadow:0 0 28px #22d3a759}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes borderGlow{0%,to{border-color:var(--border)}50%{border-color:#22d3a759}}@keyframes drawPath{0%{stroke-dashoffset:1000px;opacity:.2}to{stroke-dashoffset:0;opacity:1}}@keyframes float{0%,to{transform:translateY(0)translate(0)rotate(0)}25%{transform:translateY(-18px)translate(8px)rotate(1deg)}50%{transform:translateY(-10px)translate(-6px)rotate(-.5deg)}75%{transform:translateY(-22px)translate(4px)rotate(.8deg)}}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)scale(1)}33%{transform:translateY(-28px)rotate(2deg)scale(1.02)}66%{transform:translateY(-12px)rotate(-1deg)scale(.99)}}@keyframes scanLine{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)}}@keyframes drawLine{0%{stroke-dashoffset:600px}to{stroke-dashoffset:0}}@keyframes twinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.7;transform:scale(1.4)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes noiseReveal{0%{opacity:0}to{opacity:.035}}.animate-in{animation:fadeInUp .6s var(--ease-out) both}.animate-fade{animation:fadeIn .5s var(--ease-out) both}.animate-slide-right{animation:slideInRight .5s var(--ease-out) both}.animate-slide-left{animation:slideInLeft .5s var(--ease-out) both}.animate-in-delay-1{animation-delay:50ms}.animate-in-delay-2{animation-delay:.1s}.animate-in-delay-3{animation-delay:.15s}.animate-in-delay-4{animation-delay:.2s}.animate-in-delay-5{animation-delay:.28s}.animate-in-delay-6{animation-delay:.36s}.animate-in-delay-7{animation-delay:.44s}.animate-in-delay-8{animation-delay:.52s}.float{animation:8s ease-in-out infinite float}.float-slow{animation:12s ease-in-out infinite floatSlow}.float-delay{animation-delay:3s}.float-delay-2{animation-delay:5.5s}.glow-pulse{animation:3s ease-in-out infinite glowPulse}.draw-path{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:drawPath 2.4s var(--ease-out) forwards}.draw-path-delay-1{animation-delay:.3s}.draw-path-delay-2{animation-delay:.6s}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.gradient-text{background:linear-gradient(135deg,#22d3a7 0%,#5b8def 50%,#a78bfa 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradientShift}.gradient-text-teal{background:linear-gradient(135deg,#22d3a7 0%,#2eeabd 60%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.noise-overlay{pointer-events:none;z-index:1000;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;animation:1s forwards noiseReveal;position:fixed;inset:0}.graph-paper{background-color:var(--bg-primary);background-image:linear-gradient(#22d3a70a 1px,#0000 1px),linear-gradient(90deg,#22d3a70a 1px,#0000 1px);background-position:50%;background-size:40px 40px}.graph-paper-dense{background-color:var(--bg-primary);background-image:linear-gradient(#22d3a708 1px,#0000 1px),linear-gradient(90deg,#22d3a708 1px,#0000 1px),linear-gradient(#22d3a70f 1px,#0000 1px),linear-gradient(90deg,#22d3a70f 1px,#0000 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px}.radial-glow{pointer-events:none;filter:blur(80px);opacity:.12;border-radius:50%;position:absolute}.radial-glow-teal{background:radial-gradient(circle,#22d3a7 0%,#0000 70%)}.radial-glow-blue{background:radial-gradient(circle,#5b8def 0%,#0000 70%)}.radial-glow-purple{background:radial-gradient(circle,#a78bfa 0%,#0000 70%)}.container{width:100%;max-width:1200px;padding:0 var(--space-8);margin:0 auto}.container-wide{width:100%;max-width:1440px;padding:0 var(--space-8);margin:0 auto}.container-narrow{width:100%;max-width:780px;padding:0 var(--space-8);margin:0 auto}.section{padding:var(--space-24) 0}.section-sm{padding:var(--space-16) 0}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.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{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all .25s var(--ease-out)}.card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-md), 0 0 30px #22d3a70f;border-color:#22d3a733;transform:translateY(-2px)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;letter-spacing:.01em;border:1px solid #0000;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#020c08;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#020c08;transform:translateY(-1px);box-shadow:0 0 24px #22d3a759}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--accent);background:0 0;border-color:#22d3a766}.btn-outline:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:#22d3a733}.btn-lg{border-radius:var(--radius-md);padding:.8rem 1.9rem;font-size:1rem}.btn-sm{border-radius:var(--radius-sm);padding:.38rem .9rem;font-size:.8rem}.badge{letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:100px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-teal{background:var(--accent-dim);color:var(--accent);border-color:#22d3a740}.badge-blue{background:var(--info-dim);color:var(--info);border-color:#5b8def40}.divider{background:var(--border);border:none;height:1px;margin:0}.divider-gradient{background:linear-gradient(90deg, transparent 0%, var(--accent) 50%, transparent 100%);opacity:.3;border:none;height:1px;margin:0}.tag{color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:100px;align-items:center;padding:.2rem .65rem;font-size:.78rem;font-weight:500;display:inline-flex}.navbar{z-index:200;height:64px;padding:0 var(--space-8);-webkit-backdrop-filter:blur(16px)saturate(1.3);transition:background .3s var(--ease-out), border-color .3s var(--ease-out);background:#080b12cc;border-bottom:1px solid #1e2a3db3;align-items:center;display:flex;position:sticky;top:0}.navbar.scrolled{border-bottom-color:var(--border);background:#080b12f2;box-shadow:0 4px 24px #0000004d}.navbar-inner{align-items:center;gap:0;width:100%;max-width:1200px;margin:0 auto;display:flex}.navbar-logo{flex-shrink:0;align-items:center;gap:.65rem;text-decoration:none;display:flex}.navbar-logo-icon{border-radius:var(--radius-md);background:var(--accent-dim);width:34px;height:34px;transition:all .2s var(--ease-out);border:1px solid #22d3a733;flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar-logo:hover .navbar-logo-icon{background:#22d3a733;border-color:#22d3a766;box-shadow:0 0 16px #22d3a733}.navbar-logo-text{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.4px;font-size:1.05rem;font-weight:700}.navbar-nav{align-items:center;gap:.15rem;margin-left:2.5rem;display:flex}.navbar-link{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .18s var(--ease-out);white-space:nowrap;padding:.4rem .8rem;font-size:.875rem;font-weight:500;text-decoration:none;position:relative}.navbar-link:hover{color:var(--text-primary);background:#ffffff0a}.navbar-link.active{color:var(--accent);background:var(--accent-dim);font-weight:600}.navbar-actions{align-items:center;gap:.75rem;margin-left:auto;display:flex}.hamburger{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;margin-left:auto;padding:0;transition:border-color .2s;display:none}.hamburger:hover{border-color:var(--accent)}.hamburger span{background:var(--text-secondary);width:18px;height:1.5px;transition:all .25s var(--ease-out);transform-origin:50%;border-radius:2px;display:block}.hamburger.open span:first-child{background:var(--accent);transform:translateY(6.5px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){background:var(--accent);transform:translateY(-6.5px)rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-6);z-index:199;animation:fadeInUp .25s var(--ease-out) both;background:#080b12fa;display:none;position:fixed;top:64px;left:0;right:0;box-shadow:0 8px 32px #00000080}.mobile-menu.open{gap:var(--space-2);flex-direction:column;display:flex}.mobile-menu .navbar-link{border-radius:var(--radius-md);padding:.65rem .8rem;font-size:.95rem}.mobile-menu-footer{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);gap:var(--space-2);flex-direction:column;display:flex}@media (width<=768px){.navbar{padding:0 var(--space-4)}.navbar-nav,.navbar-actions{display:none}.hamburger{display:flex}}.footer{background:var(--bg-card);border-top:1px solid #0000;position:relative}.footer:before{content:"";background:linear-gradient(90deg,#0000 0%,#22d3a759 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.footer-inner{max-width:1200px;padding:var(--space-16) var(--space-8) var(--space-8);margin:0 auto}.footer-grid{gap:var(--space-12);padding-bottom:var(--space-12);border-bottom:1px solid var(--border-subtle);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand-logo{margin-bottom:var(--space-4);align-items:center;gap:.65rem;text-decoration:none;display:flex}.footer-brand-tagline{color:var(--text-muted);max-width:280px;font-size:.88rem;line-height:1.6}.footer-col-title{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-4);font-size:.78rem;font-weight:700}.footer-links{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);transition:color .18s var(--ease-out);align-items:center;gap:.35rem;font-size:.875rem;text-decoration:none;display:inline-flex}.footer-links a:hover{color:var(--accent)}.footer-links a .ext-icon{opacity:0;font-size:.7rem;transition:opacity .18s}.footer-links a:hover .ext-icon{opacity:1}.footer-bottom{padding-top:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.footer-copyright{color:var(--text-muted);font-size:.8rem}.footer-legal-links{gap:var(--space-4);display:flex}.footer-legal-links a{color:var(--text-muted);font-size:.78rem;text-decoration:none;transition:color .18s}.footer-legal-links a:hover{color:var(--text-secondary)}@media (width<=1024px){.footer-grid{gap:var(--space-8);grid-template-columns:1fr 1fr}}@media (width<=640px){.footer-grid{gap:var(--space-6);grid-template-columns:1fr}.footer-bottom{align-items:flex-start;gap:var(--space-3);flex-direction:column}.footer-inner{padding:var(--space-12) var(--space-4) var(--space-6)}}.page-wrapper{flex-direction:column;flex:1;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{color:var(--text-primary);background:#22d3a738}@media (width<=1200px){.container,.container-wide{padding:0 var(--space-6)}}@media (width<=768px){.container,.container-narrow,.container-wide{padding:0 var(--space-4)}.section{padding:var(--space-16) 0}.section-sm{padding:var(--space-12) 0}h1{letter-spacing:-1px}}@media (width<=480px){:root{font-size:14px}}.teal-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.teal-dot.pulse{animation:2s ease-in-out infinite glowPulse}.code-block{font-family:var(--font-mono);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);color:var(--text-secondary);font-size:.82rem;line-height:1.7;overflow-x:auto}.code-line-highlight{margin:0 calc(-1 * var(--space-4));padding:.1rem var(--space-4);border-left:2px solid var(--accent);background:#22d3a712}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-4);align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;display:inline-flex}.stat-value{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-1px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1}.stat-label{color:var(--text-muted);letter-spacing:.02em;margin-top:.4rem;font-size:.82rem;font-weight:500}