@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#0a0e14;--bg-secondary:#121820;--bg-tertiary:#1a222c;--bg-card:#1a222cb3;--accent-blue:#00b8d4;--accent-blue-glow:#00b8d44d;--accent-pink:#ff5cb8;--accent-pink-glow:#ff5cb84d;--warning-red:#ff6b6b;--warning-red-glow:#ff6b6b4d;--success-green:#00e676;--success-green-glow:#00e6764d;--coffee-brown:#d4a373;--coffee-brown-glow:#d4a3734d;--text-primary:#fff;--text-secondary:#b0bec5;--text-muted:#90a4ae;--border-color:#ffffff14;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-md:1.25rem;--font-lg:1.5rem;--font-xl:clamp(1.75rem, 5vw, 2.25rem);--font-xxl:clamp(2.5rem, 8vw, 4rem);--font-primary:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:clamp(2rem, 5vw, 3rem);--space-5:clamp(3rem, 8vw, 6rem);--space-6:clamp(5rem, 12vw, 10rem);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0003, 0 10px 10px -5px #0000001a;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-blur:blur(12px)}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;margin:0;padding:0;line-height:1.6;overflow-x:hidden}*,:before,:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:800;line-height:1.1}p{margin:0}a{color:var(--accent-blue);-webkit-tap-highlight-color:transparent;text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:4px;box-shadow:0 0 0 6px #00b8d426}button:focus-visible,[role=button]:focus-visible,[role=radio]:focus-visible,a:focus-visible,input:focus-visible{z-index:10;position:relative}.pill:focus-visible{box-shadow:0 0 0 4px #00b8d433, 0 0 15px var(--accent-blue-glow)}.card[role=button]:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;box-shadow:0 0 0 6px #00b8d426, var(--shadow-lg)}.container{max-width:1100px;padding:0 var(--space-3);width:100%;margin:0 auto}.mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.touch-target{min-width:44px;min-height:44px}.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}.progress-bar{background:linear-gradient(90deg, var(--accent-blue), var(--accent-pink));z-index:9999;height:4px;position:fixed;top:0;left:0}@media (width<=768px){:root{--font-base:.9375rem;--font-md:1.125rem;--font-lg:1.25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.15s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.progress-bar{transition:width .1s!important}.animated-blob{opacity:.02!important;animation:none!important}.scroll-indicator{display:none!important}}.zen-mode .card,.zen-mode .section-header h2,.zen-mode .pill{box-shadow:none!important;background:0 0!important;border-color:#0000!important}.zen-mode .aura-container circle{opacity:.1;filter:blur(100px)}.zen-mode .section-subtitle,.zen-mode aside,.zen-mode .judge-badge,.zen-mode .scroll-indicator{opacity:.3}.zen-mode .cta-btn{border:1px solid var(--accent-blue)!important;color:var(--accent-blue)!important;background:0 0!important}.main-scroll-indicator{z-index:100;opacity:0;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.app-visible{transition:opacity 1.5s;opacity:1!important;visibility:visible!important}.animated-blob{filter:blur(120px);z-index:-2;opacity:.1;pointer-events:none;will-change:transform;border-radius:50%;width:600px;height:600px;position:fixed}.blob-1{background:radial-gradient(circle, var(--accent-blue-glow), transparent);top:-100px;left:-100px}.blob-2{background:radial-gradient(circle, var(--accent-pink-glow), transparent);bottom:-100px;right:-100px}.section{width:100%;min-height:calc(100vh + 1px);padding:var(--space-5) 0;border-bottom:1px solid var(--border-color);contain:content;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.container{max-width:1400px;padding:0 var(--space-4);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--accent-blue);color:#000;z-index:100001;box-shadow:0 4px 20px var(--accent-blue-glow);border-radius:0 0 8px 8px;padding:12px 24px;font-size:14px;font-weight:800;text-decoration:none;transition:top .3s;position:fixed;top:-100px;left:20px}.skip-link:focus{outline-offset:2px;outline:3px solid #fff;top:0}.sr-only-bug-btn{pointer-events:auto;background:0 0;border:none;border-radius:50%;outline:none}.sr-only-bug-btn:focus-visible{outline:3px solid var(--accent-blue);outline-offset:4px;box-shadow:0 0 20px var(--accent-blue-glow);background:#00d1ff33;opacity:1!important}.section-inner{max-width:1100px;padding:0 var(--space-3);z-index:1;width:100%;margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-4);max-width:800px;margin-left:auto;margin-right:auto}.section-title{font-size:clamp(var(--font-xl), 5vw, var(--font-xxl));margin-bottom:var(--space-2);background:linear-gradient(135deg, var(--text-primary) 30%, var(--text-secondary));-webkit-text-fill-color:transparent;opacity:.9;-webkit-background-clip:text;background-clip:text}.section-subtitle{font-size:var(--font-md);color:var(--text-secondary);max-width:600px;margin:0 auto}.section-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);align-items:start;display:grid}.card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08 0%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.card:hover{box-shadow:var(--shadow-lg), 0 0 30px #0006;border-color:#fff3;transform:translateY(-8px)}.pill{border:1px solid var(--border-color);border-radius:var(--radius-full);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);background:#ffffff08;align-items:center;padding:6px 12px;font-size:10px;font-weight:800;transition:all .3s;display:inline-flex}.pill.active{background:var(--accent-blue-glow);border-color:var(--accent-blue);color:var(--accent-blue);box-shadow:0 0 15px var(--accent-blue-glow)}.theme-red .section-title{color:var(--warning-red)}.theme-red .pill.active{background:var(--warning-red-glow);border-color:var(--warning-red);color:var(--warning-red)}.theme-red .card:hover{border-color:var(--warning-red);box-shadow:0 10px 30px var(--warning-red-glow)}.theme-green .section-title{color:var(--success-green)}.theme-green .pill.active{background:var(--success-green-glow);border-color:var(--success-green);color:var(--success-green)}.theme-green .card:hover{border-color:var(--success-green);box-shadow:0 10px 30px var(--success-green-glow)}.theme-blue .section-title{color:var(--accent-blue)}.theme-blue .pill.active{background:var(--accent-blue-glow);border-color:var(--accent-blue);color:var(--accent-blue)}.theme-blue .card:hover{border-color:var(--accent-blue);box-shadow:0 10px 30px var(--accent-blue-glow)}.theme-pink .section-title{color:var(--accent-pink)}.theme-pink .pill.active{background:var(--accent-pink-glow);border-color:var(--accent-pink);color:var(--accent-pink)}.theme-pink .card:hover{border-color:var(--accent-pink);box-shadow:0 10px 30px var(--accent-pink-glow)}.badge{text-transform:uppercase;border:1px solid;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:800}.chapter-markers{right:var(--space-4);gap:var(--space-4);z-index:1000;flex-direction:column;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.marker{cursor:pointer;justify-content:flex-end;align-items:center;gap:15px;display:flex}.marker-label{text-transform:uppercase;letter-spacing:2px;opacity:0;color:var(--text-primary);pointer-events:none;font-size:9px;transition:all .3s;transform:translate(10px)}.marker:hover .marker-label,.marker.active .marker-label{opacity:.6;transform:translate(0)}.marker.active .marker-label{opacity:1;color:var(--accent-blue)}.marker-dot{background:var(--border-color);border-radius:50%;width:6px;height:6px;transition:all .3s;position:relative}.marker:hover .marker-dot{background:var(--text-muted);transform:scale(1.5)}.marker.active .marker-dot{background:var(--accent-blue);box-shadow:0 0 10px var(--accent-blue-glow);transform:scale(2)}.dev-avatar,.marker-dot,.rocket-icon,.bug-icon{will-change:transform}.marker-spine{background:linear-gradient(to bottom, transparent, var(--border-color), transparent);z-index:-1;width:1px;position:absolute;top:0;bottom:0;right:2.5px}.scroll-indicator{bottom:var(--space-4);z-index:100;pointer-events:none;will-change:transform, opacity;flex-direction:column;align-items:center;gap:10px;transition:opacity .5s,transform .5s;display:flex;position:fixed;left:50%;transform:translate(-50%)}.mouse{border:2px solid var(--border-color);opacity:.5;border-radius:20px;justify-content:center;width:22px;height:36px;padding-top:6px;display:flex}.wheel{background:var(--accent-blue);will-change:transform;border-radius:1px;width:2px;height:6px;animation:2s infinite scroll-wheel}@keyframes scroll-wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(15px)}}body{transition:background-color .8s}.parallax-bg{pointer-events:none;will-change:transform}.nav-progress{z-index:10000;background:#ffffff0d;width:100%;height:3px;position:fixed;top:0;left:0}.progress-bar{background:linear-gradient(to right, var(--accent-blue), var(--accent-pink));width:0%;height:100%;box-shadow:0 0 10px var(--accent-blue-glow);will-change:width}@media (width<=1024px){.section-inner{padding:0 var(--space-4)}}@media (width<=768px){.section{min-height:auto;padding:var(--space-4) 0}.section-grid{gap:var(--space-3);grid-template-columns:1fr}.section-title{font-size:var(--font-xl);line-height:1.2}.section-subtitle{font-size:var(--font-sm)}.card{padding:var(--space-2)}.chapter-markers{gap:var(--space-3);right:12px}.marker-label{display:none!important}.marker-dot{will-change:transform;width:8px;height:8px}.scroll-indicator{bottom:2rem}.mouse{width:18px;height:30px}.animated-blob{display:none}}@media (width<=480px){.section{padding:var(--space-3) 0}.section-header{margin-bottom:var(--space-3)}.cta-btn{text-align:center;width:100%;padding:1rem 1.5rem}.ide-content,.terminal{padding:12px!important;font-size:11px!important}.ide-panel{height:300px!important}}.scrolly-card{will-change:transform, opacity}.terminal-override{filter:sepia()hue-rotate(80deg)saturate(3)brightness(.8);background:#000!important}.terminal-override:after{content:"";pointer-events:none;z-index:10002;background:repeating-linear-gradient(0deg,#00ff9408,#00ff9408 1px,#0000 1px 2px);position:fixed;inset:0}.insane-mode-overlay{animation:.15s infinite alternate crt-flicker}@keyframes crt-flicker{0%{opacity:.95}to{opacity:1}}.control-dock{gap:var(--space-1);z-index:10006;flex-direction:column;display:flex;position:fixed}.control-dock.top-right{top:var(--space-4);right:var(--space-4);align-items:flex-end}.control-dock.bottom-left{bottom:var(--space-4);left:var(--space-4);align-items:flex-start}.control-pill{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);background:#05070ad9;align-items:center;gap:12px;padding:10px 18px;font-size:10px;font-weight:700;transition:all .4s cubic-bezier(.23,1,.32,1);display:inline-flex}.control-pill:hover{border-color:var(--text-muted);color:var(--text-primary);box-shadow:var(--shadow-md);transform:translate(-4px)}.control-dock.bottom-left .control-pill:hover{transform:translate(4px)}.control-pill.active{background:var(--bg-tertiary);border-color:var(--accent-blue);color:var(--accent-blue);box-shadow:0 0 20px var(--accent-blue-glow)}.control-pill.active.zen{border-color:var(--accent-pink);color:var(--accent-pink);box-shadow:0 0 20px var(--accent-pink-glow)}.control-pill.support{background:#05070a99;border-style:dashed}.control-pill.support:hover{border-style:solid;border-color:var(--accent-blue);color:var(--accent-blue)}.state-badge{background:#ffffff0d;border-radius:4px;margin-left:4px;padding:2px 8px;font-size:9px;transition:all .3s}.active .state-badge{background:#00b8d426}.active.zen .state-badge{background:#ff5cb826}.control-label-short{display:none}@media (width<=768px){.control-dock.top-right{top:20px;right:20px}.control-dock.bottom-left{bottom:20px;left:20px}.control-pill{letter-spacing:1px;padding:8px 14px}.control-label-full{display:none}}.section{padding:var(--space-5) 0;flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative;overflow:visible}.section-inner{z-index:2;padding:var(--space-4);max-width:1200px;margin:0 auto;position:relative}.section-grid{align-items:center}.electron-aura{pointer-events:none;z-index:-1;opacity:0;transition:opacity .5s;position:absolute;inset:-15px}.active .electron-aura{opacity:1}.electron-path{fill:none;stroke:var(--accent-blue);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:4 12;filter:drop-shadow(0 0 8px var(--accent-blue));animation:3s linear infinite electron-orbit}.electron-particle{fill:#fff;filter:blur(1px) drop-shadow(0 0 12px var(--accent-blue));animation:.8s ease-in-out infinite alternate electron-blink}.river-container{z-index:-2;background:var(--bg-primary);pointer-events:none;position:fixed;inset:0;overflow:hidden}.river-wave{fill:none;stroke:var(--accent-pink);stroke-width:1.5px;opacity:.05;filter:blur(2px);will-change:transform, d;transition:stroke 2s}.river-electron{background:var(--accent-blue);width:2px;height:2px;filter:drop-shadow(0 0 5px var(--accent-blue));opacity:.3;border-radius:50%;animation:10s linear infinite electron-stream;position:absolute}@keyframes electron-stream{0%{opacity:0;transform:translate(-10vw)scale(1)}20%{opacity:.4}80%{opacity:.4}to{opacity:0;transform:translate(110vw)scale(.5)}}@keyframes electron-orbit{0%{stroke-dashoffset:100px;transform:rotate(0)}to{stroke-dashoffset:0;transform:rotate(360deg)}}.control-label-full{align-items:center;gap:4px;font-weight:800;display:flex}.neural-lab-section{z-index:1;background:#05070a;position:relative}.neural-lab-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#00e5ff0d 0%,#0000 70%);position:absolute;inset:0}.neural-lab-section .card{background:#ffffff05;border-color:#00e5ff1a}.neural-lab-section .card:hover{border-color:var(--accent-blue);box-shadow:0 10px 40px #00e5ff26}.neural-lab-section h2{text-shadow:0 0 30px #00e5ff4d}.neural-lab-section p{text-shadow:0 0 10px #00e5ff1a}@media (width<=768px){.neural-lab-section h2{font-size:3rem}.neural-lab-section .grid{grid-template-columns:1fr}}