:root{--primary:#10b981;--primary-light:#34d399;--primary-dark:#059669;--accent:#f59e0b;--accent-light:#fbbf24;--bg:#fafaf9;--surface:#fff;--surface-2:#f5f5f4;--text-main:#0a0a0a;--text-muted:#525252;--border:#0f172a14;--glass-bg:#ffffffa6;--glass-border:#fff9;--ink-bg:#0a0a0b;--ink-bg-2:#141417;--ink-text:#fafafa;--ink-text-muted:#a3a3a3;--ink-border:#ffffff14;--card-shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f;--card-shadow-hover:0 1px 2px #0f172a0f, 0 20px 40px #0f172a1f;--glow-primary:0 0 0 1px #10b98140, 0 8px 32px #10b98140;--glow-primary-hover:0 0 0 1px #10b98166, 0 12px 48px #10b98166;--radius:24px;--radius-sm:12px;--max-width:1200px;--font-sans:"Inter", system-ui, -apple-system, sans-serif}[data-theme=dark]{--bg:#08090b;--surface:#111114;--surface-2:#18181c;--text-main:#f5f5f5;--text-muted:#a1a1aa;--border:#ffffff14;--glass-bg:#1414188c;--glass-border:#ffffff0f;--primary:#34d399;--primary-light:#6ee7b7;--card-shadow:0 1px 2px #0006, 0 8px 24px #0000004d;--card-shadow-hover:0 1px 2px #00000080, 0 20px 40px #00000080;--glow-primary:0 0 0 1px #34d3994d, 0 8px 32px #34d39959;--glow-primary-hover:0 0 0 1px #34d39980, 0 12px 48px #34d39980}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:var(--text-main);background:var(--bg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .2s}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text-main);font-weight:800;line-height:1.1}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.glass-card{background:var(--glass-bg);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(20px)saturate(140%);transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,border-color .4s;position:relative;overflow:hidden}.glass-card:hover{box-shadow:var(--card-shadow-hover);border-color:#10b9814d;transform:translateY(-6px)}[data-theme=dark] .glass-card:hover{border-color:#34d39966}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--glow-primary);border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.875rem 2rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .3s,background .2s;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(120deg,#0000,#ffffff40,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.btn-primary:hover:before{transform:translate(100%)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--glow-primary-hover);transform:translateY(-2px)}[data-theme=dark] .btn-primary{color:#042f1e}[data-theme=dark] .btn-primary:hover{background:var(--primary-light)}.badge{text-transform:uppercase;letter-spacing:.06em;color:var(--primary-dark);background:#10b9811a;border:1px solid #10b98133;border-radius:9999px;padding:.35rem .85rem;font-size:.72rem;font-weight:700;display:inline-block}[data-theme=dark] .badge{color:var(--primary-light);background:#34d3991f;border-color:#34d39940}.mesh-hero{isolation:isolate;position:relative}.mesh-hero:before,.mesh-hero:after{content:"";filter:blur(120px);opacity:.45;z-index:-1;pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.mesh-hero:before{background:radial-gradient(circle,#34d399 0%,#0000 70%);width:520px;height:520px;animation:22s ease-in-out infinite blob-drift-1;top:-180px;left:-120px}.mesh-hero:after{background:radial-gradient(circle,#f59e0b 0%,#0000 70%);width:480px;height:480px;animation:26s ease-in-out infinite blob-drift-2;top:-80px;right:-100px}.mesh-blob{filter:blur(110px);opacity:.35;z-index:-1;pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.mesh-blob-3{background:radial-gradient(circle,#38bdf8 0%,#0000 70%);width:420px;height:420px;animation:30s ease-in-out infinite blob-drift-3;bottom:-150px;left:30%}[data-theme=dark] .mesh-hero:before,[data-theme=dark] .mesh-hero:after,[data-theme=dark] .mesh-blob{opacity:.55}@keyframes blob-drift-1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(80px,40px)scale(1.1)}66%{transform:translate(-40px,80px)scale(.95)}}@keyframes blob-drift-2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-60px,60px)scale(1.05)}66%{transform:translate(40px,-40px)scale(1.1)}}@keyframes blob-drift-3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(60px,-60px)scale(1.15)}}.gradient-text{background:linear-gradient(120deg, var(--primary) 0%, var(--accent) 50%, var(--primary) 100%);-webkit-text-fill-color:transparent;color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite gradient-pan}@keyframes gradient-pan{0%,to{background-position:0%}50%{background-position:100%}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fade-up}.fade-in{opacity:0;animation:1s ease-out forwards fade-in}.reveal-on-scroll{opacity:1}@supports (animation-timeline:view()){.reveal-on-scroll{opacity:0;animation:linear both fade-up;animation-timeline:view();animation-range:entry 5% cover 25%}}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text-main);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.theme-toggle:hover{background:var(--surface-2);border-color:var(--primary);transform:scale(1.05)}.site-header{z-index:50;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border);padding:1rem 0;transition:background .3s,border-color .3s;position:sticky;top:0}.nav-link{color:var(--text-muted);font-size:.9rem;font-weight:600;transition:color .2s}.nav-link:hover{color:var(--text-main)}.markdown-content{color:var(--text-main);font-size:1.125rem}[data-theme=dark] .markdown-content{color:#d4d4d8}.markdown-content h2{margin:3rem 0 1.5rem;font-size:2rem}.markdown-content h3{margin:2rem 0 1rem;font-size:1.5rem}.markdown-content p{margin-bottom:1.5rem}.markdown-content ul,.markdown-content ol{margin-bottom:2rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.75rem}.markdown-content blockquote{border-left:4px solid var(--primary);background:var(--surface-2);color:var(--text-muted);border-radius:0 12px 12px 0;margin:2rem 0;padding:1rem 1.5rem;font-style:italic}.markdown-content img{border-radius:16px;max-width:100%;height:auto;margin:2rem 0}.markdown-content a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.hero-img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);width:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.mesh-hero:before,.mesh-hero:after,.mesh-blob{animation:none!important}}