@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--neutral-primary-soft:#0a0a12;--neutral-primary:#0a0a12;--neutral-primary-medium:#13131e;--neutral-primary-strong:#1a1a28;--neutral-secondary-medium:#13131e;--neutral-tertiary:#1a1a28;--neutral-tertiary-medium:#223;--brand:#818cf8;--brand-softer:#6366f114;--brand-soft:#6366f126;--brand-medium:#6366f126;--brand-strong:#a5b4fc;--cyan:#22d3ee;--cyan-soft:#22d3ee1a;--success:#34d399;--danger:#f87171;--warning:#fbbf24;--heading:#f0f0f5;--body:#a0a3b5;--body-subtle:#6b6e80;--fg-brand:#818cf8;--fg-brand-strong:#a5b4fc;--fg-cyan:#22d3ee;--fg-disabled:#4a4d5e;--fg-danger:#f87171;--border-default-subtle:#1a1a28;--border-default:#223;--border-default-medium:#2a2b3a;--border-default-strong:#3a3b4a;--border-brand:#818cf8;--border-brand-subtle:#6366f133;--border-cyan:#22d3ee;--border-buffer:#0a0a12;--gradient-1:linear-gradient(135deg, #818cf8, #6366f1, #a78bfa);--gradient-2:linear-gradient(135deg, #22d3ee, #6366f1, #a78bfa);--gradient-3:linear-gradient(135deg, #818cf8, #22d3ee);--font-mono:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-code:"JetBrains Mono", monospace;--radius-base:12px;--radius-sm:8px;--radius-lg:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 2px 6px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-xl:0 16px 48px #000000b3;--glow-brand:0 0 40px #6366f126;--glow-cyan:0 0 40px #22d3ee1a;--glow-strong:0 0 60px #6366f133}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--neutral-primary-soft);min-height:100%;color:var(--body);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.7;transition:background .3s;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{color:var(--heading);font-weight:700}h1{letter-spacing:-.03em;margin-bottom:24px;font-size:32px;line-height:1.05}h2{letter-spacing:-.02em;margin-bottom:32px;font-size:26px;line-height:1.1}h3{letter-spacing:-.02em;font-size:22px;line-height:1.15}@media (min-width:768px){h1{font-size:40px}h2{font-size:32px}h3{font-size:26px}}@media (min-width:1024px){h1{font-size:56px}h2{font-size:40px}h3{font-size:32px}}p{color:var(--body);max-width:65ch;font-size:15px;line-height:1.7}::selection{background:var(--brand);color:var(--neutral-primary-soft)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--neutral-primary-soft);border-left:1px solid var(--border-default)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--brand), var(--cyan));border:2px solid var(--neutral-primary-soft);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--brand-strong), var(--cyan))}*{scrollbar-width:thin;scrollbar-color:var(--brand) var(--neutral-primary-soft)}.mesh-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.mesh-bg .blob{filter:blur(100px);opacity:0;will-change:transform;border-radius:50%;animation:4s ease-in-out infinite orbPulse;position:absolute}.mesh-bg .blob:first-child{opacity:.35;background:radial-gradient(circle,#6366f159,#0000 70%);width:700px;height:700px;animation:22s ease-in-out infinite orbFloat1,6s ease-in-out infinite orbPulse;top:-15%;left:-10%}.mesh-bg .blob:nth-child(2){opacity:.3;background:radial-gradient(circle,#22d3ee4d,#0000 70%);width:600px;height:600px;animation:28s ease-in-out infinite orbFloat2,5s ease-in-out 1s infinite orbPulse;top:30%;right:-12%}.mesh-bg .blob:nth-child(3){opacity:.3;background:radial-gradient(circle,#a78bfa4d,#0000 70%);width:550px;height:550px;animation:25s ease-in-out infinite orbFloat3,7s ease-in-out 2s infinite orbPulse;bottom:-10%;left:25%}.mesh-bg .blob:nth-child(4){opacity:.25;background:radial-gradient(circle,#6366f140,#0000 70%);width:450px;height:450px;animation:20s ease-in-out infinite orbFloat4,5.5s ease-in-out .5s infinite orbPulse;top:55%;left:-8%}.mesh-bg .blob:nth-child(5){opacity:.2;background:radial-gradient(circle,#22d3ee38,#0000 70%);width:400px;height:400px;animation:30s ease-in-out infinite orbFloat5,6.5s ease-in-out 1.5s infinite orbPulse;top:10%;right:20%}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(100px,80px)scale(1.1)}50%{transform:translate(40px,140px)scale(.95)}75%{transform:translate(-60px,60px)scale(1.05)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-80px,-100px)scale(1.1)}50%{transform:translate(-120px,-40px)scale(.9)}75%{transform:translate(-30px,-80px)scale(1.05)}}@keyframes orbFloat3{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-60px,-80px)scale(.9)}50%{transform:translate(80px,-40px)scale(1.1)}75%{transform:translate(40px,-60px)scale(.95)}}@keyframes orbFloat4{0%,to{transform:translate(0)scale(1)}25%{transform:translate(60px,50px)scale(1.1)}50%{transform:translate(100px,-30px)scale(.9)}75%{transform:translate(30px,60px)scale(1.05)}}@keyframes orbFloat5{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-40px,60px)scale(1.05)}50%{transform:translate(60px,100px)scale(.95)}75%{transform:translate(-30px,40px)scale(1.1)}}@keyframes orbPulse{0%,to{opacity:var(--orb-opacity,.2)}50%{opacity:calc(var(--orb-opacity,.2) + .08)}}.vignette-overlay{pointer-events:none;z-index:9999;background:radial-gradient(#0000 50%,#0a0a1266 100%);position:fixed;inset:0}.section-divider{background:linear-gradient(90deg, transparent, var(--border-default), transparent);max-width:1280px;height:1px;margin:0 auto;position:relative}.section-divider:after{content:"";background:var(--gradient-1);opacity:.5;border-radius:2px;width:80px;height:3px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.reveal{opacity:0;will-change:transform, opacity;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(60px)scale(.97)}.reveal.visible{opacity:1;transform:translateY(0)scale(1)}.reveal-delay-1{transition-delay:60ms}.reveal-delay-2{transition-delay:.12s}.reveal-delay-3{transition-delay:.18s}.reveal-delay-4{transition-delay:.24s}.reveal-delay-5{transition-delay:.3s}.reveal-delay-6{transition-delay:.36s}.particles{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.particle{background:var(--brand);width:4px;height:4px;box-shadow:0 0 6px var(--brand), 0 0 12px #6366f14d;opacity:0;border-radius:50%;animation:linear infinite particleFloat;position:absolute}.particle:first-child{animation-duration:18s;animation-delay:0s;left:10%}.particle:nth-child(2){animation-duration:22s;animation-delay:3s;left:22%}.particle:nth-child(3){animation-duration:20s;animation-delay:6s;left:38%}.particle:nth-child(4){animation-duration:24s;animation-delay:2s;left:55%}.particle:nth-child(5){animation-duration:19s;animation-delay:5s;left:70%}.particle:nth-child(6){animation-duration:21s;animation-delay:1s;left:85%}.particle:nth-child(7){animation-duration:23s;animation-delay:4s;left:48%}.particle:nth-child(8){animation-duration:17s;animation-delay:7s;left:62%}.particle:nth-child(9){animation-duration:25s;animation-delay:2s;left:15%}.particle:nth-child(10){animation-duration:16s;animation-delay:5s;left:75%}.particle:nth-child(11){animation-duration:20s;animation-delay:8s;left:32%}.particle:nth-child(12){animation-duration:18s;animation-delay:3s;left:90%}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh)scale(0)}8%{opacity:.8}40%{opacity:.4}80%{opacity:.5}to{opacity:0;transform:translateY(-10vh)scale(1.5)}}.scrollToTop{z-index:90;background:linear-gradient(135deg, var(--brand), #6366f1);color:#fff;cursor:pointer;opacity:0;visibility:hidden;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:opacity .35s,visibility .35s,transform .35s,box-shadow .3s,filter .3s;display:flex;position:fixed;bottom:32px;right:32px;transform:translateY(20px);box-shadow:0 4px 24px #6366f166}.scrollToTop.visible{opacity:1;visibility:visible;transform:translateY(0)}.scrollToTop:hover{filter:brightness(1.15);transform:translateY(-4px)scale(1.05);box-shadow:0 8px 40px #6366f18c}.scrollToTop:active{transform:translateY(0)scale(.95)}.scrollToTop:after{content:"";background:linear-gradient(135deg, var(--brand), transparent, var(--cyan));opacity:0;z-index:-1;border-radius:50%;transition:opacity .3s;position:absolute;inset:-4px}.scrollToTop:hover:after{opacity:.5}.scrollToTop svg{filter:drop-shadow(0 1px 2px #0000004d);width:24px;height:24px;transition:transform .25s}.scrollToTop:hover svg{transform:translateY(-3px)}@media (max-width:767px){.scrollToTop{width:48px;height:48px;bottom:20px;right:20px}.scrollToTop svg{width:22px;height:22px}}section[id]{scroll-margin-top:80px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #6366f133}50%{box-shadow:0 0 24px #6366f173}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes borderGlow{0%,to{border-color:var(--border-default)}50%{border-color:var(--border-brand)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotateGradient{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes textGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}