@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-accent-400:#22d3ee;--color-accent-500:#06b6d4;--color-accent-600:#0891b2;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-neutral-950:#020617;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#3b82f6;--bg-primary:var(--color-neutral-950);--bg-secondary:var(--color-neutral-900);--bg-tertiary:var(--color-neutral-800);--bg-elevated:#1e293b99;--bg-glass:#0f172ab3;--bg-glass-border:#94a3b81a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#0f172a;--text-link:var(--color-primary-400);--text-link-hover:var(--color-primary-300);--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;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.025em;--space-1:.25rem;--space-2:.5rem;--space-3:.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;--space-32:8rem;--max-width:1280px;--max-width-narrow:800px;--max-width-wide:1440px;--header-height:72px;--sidebar-width:280px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--border-subtle:1px solid #94a3b81a;--border-default:1px solid #94a3b833;--border-strong:1px solid #94a3b84d;--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 #3b82f64d;--shadow-glow-accent:0 0 20px #06b6d44d;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;overflow-x:hidden}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--text-link-hover)}img,video,svg{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}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:var(--leading-relaxed)}code{font-family:var(--font-mono);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.9em}pre{font-family:var(--font-mono);background:var(--bg-secondary);border:var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);overflow-x:auto}pre code{background:0 0;padding:0}::selection{background:var(--color-primary-600);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-neutral-700);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-600)}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.container--narrow{max-width:var(--max-width-narrow)}.container--wide{max-width:var(--max-width-wide)}.section{padding:var(--space-24) 0}.section--sm{padding:var(--space-16) 0}.section--lg{padding:var(--space-32) 0}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-16)}.section-label{font-size:var(--text-sm);color:var(--color-accent-400);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4);font-weight:600;display:inline-block}.section-title{font-size:var(--text-4xl);margin-bottom:var(--space-4);background:linear-gradient(135deg, var(--text-primary) 0%, var(--color-neutral-400) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.grid{gap:var(--space-6);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid--4,.grid--3,.grid--2{grid-template-columns:1fr}.section-title{font-size:var(--text-3xl)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}}.glass-card{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base);z-index:1;background:linear-gradient(135deg,#0f172acc 0%,#0f172a66 100%);border:1px solid #ffffff0d;position:relative;box-shadow:0 4px 30px #0000004d,inset 0 1px #ffffff1a}.glass-card:before{content:"";border-radius:var(--radius-xl);-webkit-mask-composite:xor;pointer-events:none;z-index:-1;background:linear-gradient(135deg,#ffffff26 0%,#fff0 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #0006,inset 0 1px #ffffff26,0 0 30px #3b82f626}.gradient-text{background:linear-gradient(135deg, var(--color-primary-400) 0%, var(--color-accent-400) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f633}50%{box-shadow:0 0 40px #3b82f666}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in-up{animation:.6s forwards fadeInUp}.animate-fade-in{animation:.5s forwards fadeIn}.animate-scale-in{animation:.4s forwards scaleIn}.delay-1{opacity:0;animation-delay:.1s}.delay-2{opacity:0;animation-delay:.2s}.delay-3{opacity:0;animation-delay:.3s}.delay-4{opacity:0;animation-delay:.4s}.delay-5{opacity:0;animation-delay:.5s}.delay-6{opacity:0;animation-delay:.6s}.delay-7{opacity:0;animation-delay:.7s}.mesh-gradient{z-index:-1;position:absolute;inset:0;overflow:hidden}.mesh-gradient:before{content:"";background-color:#0000;background-image:radial-gradient(at 20%,#3b82f626 0%,#0000 50%),radial-gradient(at 80% 20%,#06b6d41a 0%,#0000 50%),radial-gradient(at 40% 80%,#8b5cf614 0%,#0000 50%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:200%;height:200%;animation:15s infinite gradient-shift;position:absolute;top:-50%;left:-50%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}