@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--bg-primary:#0a0f1c;--bg-secondary:#111827;--bg-tertiary:#1f2937;--bg-glass:#111827b3;--bg-glass-light:#1f293780;--bg-card:#11182799;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--text-muted:#6b7280;--accent-blue:#3b82f6;--accent-blue-hover:#60a5fa;--accent-blue-glow:#3b82f64d;--accent-emerald:#10b981;--accent-emerald-glow:#10b9814d;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf64d;--accent-amber:#f59e0b;--border-default:#4b556366;--border-hover:#3b82f680;--gradient-hero:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#10b981 100%);--gradient-text:linear-gradient(135deg,#60a5fa 0%,#a78bfa 50%,#34d399 100%);--gradient-card-border:linear-gradient(135deg,#3b82f64d,#8b5cf633,#10b9814d);--gradient-section:linear-gradient(180deg,transparent 0%,#3b82f605 50%,transparent 100%);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0000004d,0 8px 10px -6px #0000004d;--shadow-glow:0 0 20px var(--accent-blue-glow);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1);--transition-spring:.5s cubic-bezier(.34,1.56,.64,1);--max-width:1200px;--nav-height:72px}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--bg-glass:#fffc;--bg-glass-light:#f1f5f9b3;--bg-card:#ffffffb3;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--text-muted:#94a3b8;--accent-blue:#2563eb;--accent-blue-hover:#3b82f6;--accent-blue-glow:#2563eb26;--accent-emerald:#059669;--accent-emerald-glow:#05966926;--accent-purple:#7c3aed;--accent-purple-glow:#7c3aed26;--accent-amber:#d97706;--border-default:#94a3b84d;--border-hover:#2563eb66;--gradient-text:linear-gradient(135deg,#2563eb 0%,#7c3aed 50%,#059669 100%);--gradient-section:linear-gradient(180deg,transparent 0%,#2563eb08 50%,transparent 100%);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000d}[data-theme=light] body:before{background-image:radial-gradient(80% 50% at 50% -20%,#2563eb0f,#0000),radial-gradient(60% 40% at 80% 60%,#7c3aed08,#0000),radial-gradient(60% 40% at 20% 80%,#05966908,#0000)}[data-theme=light] body:after{background-image:linear-gradient(#2563eb0a 1px,#0000 1px),linear-gradient(90deg,#2563eb0a 1px,#0000 1px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;transition:background-color .3s,color .3s;overflow-x:hidden}.skip-to-content{background:var(--accent-blue);color:#fff;border-radius:0 0 var(--radius-lg)var(--radius-lg);font-weight:600;font-size:var(--text-sm);z-index:9999;padding:.75rem 1.5rem;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-to-content:focus{top:0}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;border-radius:2px}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(80% 50% at 50% -20%,#3b82f614,#0000),radial-gradient(60% 40% at 80% 60%,#8b5cf60a,#0000),radial-gradient(60% 40% at 20% 80%,#10b9810a,#0000);width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#3b82f608 1px,#0000 1px),linear-gradient(90deg,#3b82f608 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;position:fixed;top:0;left:0}#__next,main{z-index:1;position:relative}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{color:var(--text-secondary);font-size:var(--text-base);line-height:1.8}code,pre{font-family:var(--font-mono)}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-24)0;position:relative}.section-alt{background:var(--gradient-section)}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-default)}.glass-light{background:var(--bg-glass-light);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-default)}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-blue-glow)}50%{box-shadow:0 0 40px var(--accent-blue-glow),0 0 60px #3b82f61a}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scroll-indicator{0%{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1024px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}.section{padding:var(--space-16)0}}@media (max-width:768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.container{padding:0 var(--space-4)}.section{padding:var(--space-12)0}}@media (max-width:480px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}}