@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&family=Silkscreen:wght@400;700&display=swap");@font-face{font-family:Jersey\ 10;src:url(/fonts/Jersey10-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--retro-black:#0a0a0a;--retro-dark:#1a1a2e;--retro-green:#39ff14;--retro-green-dim:#20a80d;--retro-green-glow:rgba(57,255,20,.4);--retro-amber:#ffb000;--retro-cyan:#0ff;--retro-magenta:#f0f;--retro-coral:#ff6b6b;--retro-border:#2d5a2d;--retro-panel:hsla(0,0%,4%,.95);--retro-panel-light:rgba(26,26,46,.9);--font-pixel:"Press Start 2P",monospace;--font-terminal:"VT323",monospace;--font-silkscreen:"Silkscreen",monospace;--font-jersey:"Jersey 10",sans-serif;--pixel-unit:4px}*{box-sizing:border-box;padding:0;margin:0;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;image-rendering:pixelated}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-terminal);background:var(--retro-black);min-height:100vh;color:var(--retro-green)}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.crt-overlay:before{background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 0,transparent 2px)}.crt-overlay:after,.crt-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.crt-overlay:after{background:radial-gradient(ellipse at center,transparent 0,transparent 60%,rgba(0,0,0,.4) 100%)}@keyframes crt-flicker{0%,to{opacity:1}3%{opacity:.97}6%{opacity:1}9%{opacity:.98}12%{opacity:1}20%{opacity:.96}50%{opacity:1}60%{opacity:.99}}.crt-flicker{animation:crt-flicker 4s infinite}.pixel-border{box-shadow:inset calc(var(--pixel-unit) * -1) calc(var(--pixel-unit) * -1) 0 0 var(--retro-green-dim),inset var(--pixel-unit) var(--pixel-unit) 0 0 var(--retro-green)}.pixel-border,.pixel-border-double{border:var(--pixel-unit) solid var(--retro-green)}.pixel-border-double{outline:var(--pixel-unit) solid var(--retro-green);outline-offset:var(--pixel-unit)}.pixel-border-inset{border:var(--pixel-unit) solid var(--retro-border);box-shadow:inset var(--pixel-unit) var(--pixel-unit) 0 0 var(--retro-black),inset calc(var(--pixel-unit) * -1) calc(var(--pixel-unit) * -1) 0 0 var(--retro-green-dim)}.pixel-border-glow{border:var(--pixel-unit) solid var(--retro-green);box-shadow:0 0 10px var(--retro-green),0 0 20px var(--retro-green-glow),inset 0 0 10px rgba(57,255,20,.1)}.pixel-btn{font-family:var(--font-pixel);font-size:12px;color:var(--retro-green);background:var(--retro-black);border:none;padding:16px 24px;cursor:pointer;position:relative;text-transform:uppercase;letter-spacing:1px;transition:transform .1s;box-shadow:var(--pixel-unit) var(--pixel-unit) 0 0 var(--retro-green),calc(var(--pixel-unit) * 2) calc(var(--pixel-unit) * 2) 0 0 var(--retro-green-dim)}.pixel-btn:hover{color:var(--retro-black);background:var(--retro-green);text-shadow:none}.pixel-btn:active{transform:translate(var(--pixel-unit),var(--pixel-unit));box-shadow:var(--pixel-unit) var(--pixel-unit) 0 0 var(--retro-green-dim)}.pixel-btn:disabled{opacity:.5;cursor:not-allowed}.pixel-btn-lg{font-size:14px;padding:20px 32px}.pixel-btn-sm{font-size:10px;padding:12px 16px}.pixel-text{font-family:var(--font-pixel);color:var(--retro-green);text-shadow:2px 2px 0 var(--retro-green-dim),0 0 10px var(--retro-green-glow);letter-spacing:2px;line-height:1.8}.terminal-text{text-shadow:0 0 5px var(--retro-green-glow);letter-spacing:1px}.terminal-display,.terminal-text{font-family:var(--font-terminal);color:var(--retro-green)}.terminal-display{font-size:clamp(24px,6vw,48px);text-shadow:0 0 10px var(--retro-green),0 0 20px var(--retro-green-glow)}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}.blink-cursor:after{content:"█";animation:blink-cursor 1s infinite;margin-left:2px}@keyframes typing{0%{width:0}to{width:100%}}.typing-effect{overflow:hidden;white-space:nowrap;animation:typing 2s steps(30) forwards}.retro-panel{padding:20px;position:relative}.retro-panel,.retro-panel-titled{background:var(--retro-panel);border:var(--pixel-unit) solid var(--retro-green)}.retro-panel-titled .panel-title{background:var(--retro-green);color:var(--retro-black);font-family:var(--font-pixel);font-size:10px;padding:8px 12px;text-transform:uppercase;letter-spacing:1px;margin:0}.retro-panel-titled .panel-content{padding:16px}.pixel-progress{width:100%;height:24px;background:var(--retro-black);border:var(--pixel-unit) solid var(--retro-green);padding:4px}.pixel-progress-fill{height:100%;background:var(--retro-green);transition:width .3s steps(20);box-shadow:0 0 10px var(--retro-green-glow)}.pixel-progress-segmented{display:flex;gap:4px}.pixel-progress-segment{flex:1 1;height:16px;background:var(--retro-black);border:2px solid var(--retro-green-dim);transition:all .2s}.pixel-progress-segment.active{background:var(--retro-green);border-color:var(--retro-green);box-shadow:0 0 8px var(--retro-green-glow)}.slide-container{position:relative;overflow:hidden;background:var(--retro-black)}.slide,.slide-container{width:100%;min-height:100vh}.slide{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;opacity:0;transform:translateX(100%);transition:all .4s cubic-bezier(.4,0,.2,1)}.slide.active{opacity:1;transform:translateX(0)}.slide.prev{opacity:0;transform:translateX(-100%)}.slide-progress{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:100;padding:12px 20px;background:var(--retro-panel);border:var(--pixel-unit) solid var(--retro-green)}.slide-progress-dot{width:12px;height:12px;background:var(--retro-black);border:2px solid var(--retro-green-dim);transition:all .3s}.slide-progress-dot.active{background:var(--retro-green);border-color:var(--retro-green);box-shadow:0 0 10px var(--retro-green-glow)}.slide-progress-dot.completed{background:var(--retro-green-dim);border-color:var(--retro-green)}.slide-nav{right:20px;display:flex;gap:12px}.slide-nav,.slide-nav-left{position:fixed;bottom:20px;z-index:100}.slide-nav-left{left:20px}@keyframes count-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.counter-animate{animation:count-up .5s ease-out forwards}.counter-large{font-family:var(--font-pixel);font-size:clamp(48px,15vw,120px);color:var(--retro-green);text-shadow:4px 4px 0 var(--retro-green-dim),0 0 30px var(--retro-green-glow)}.pixel-chart{display:flex;align-items:flex-end;justify-content:center;gap:16px;height:200px;padding:20px}.pixel-bar{width:40px;min-height:20px;background:var(--retro-green);position:relative;transition:height .5s steps(10);box-shadow:4px 0 0 0 var(--retro-green-dim),0 4px 0 0 var(--retro-green-dim)}.pixel-bar-label{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-family:var(--font-pixel);font-size:8px;color:var(--retro-green);white-space:nowrap}.pixel-heatmap{display:grid;grid-gap:4px;gap:4px;grid-template-columns:repeat(auto-fill,minmax(12px,1fr))}.pixel-heatmap-cell{width:12px;height:12px;background:var(--retro-black);border:1px solid var(--retro-border);transition:all .2s}.pixel-heatmap-cell.level-1{background:rgba(57,255,20,.2)}.pixel-heatmap-cell.level-2{background:rgba(57,255,20,.4)}.pixel-heatmap-cell.level-3{background:rgba(57,255,20,.6)}.pixel-heatmap-cell.level-4{background:var(--retro-green);box-shadow:0 0 5px var(--retro-green-glow)}@keyframes boot-text{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:.8}}.boot-line{opacity:0;animation:boot-text .5s forwards}.boot-line:first-child{animation-delay:.2s}.boot-line:nth-child(2){animation-delay:.4s}.boot-line:nth-child(3){animation-delay:.6s}.boot-line:nth-child(4){animation-delay:.8s}.boot-line:nth-child(5){animation-delay:1s}.boot-line:nth-child(6){animation-delay:1.2s}.boot-line:nth-child(7){animation-delay:1.4s}.boot-line:nth-child(8){animation-delay:1.6s}@keyframes loading-bar{0%{width:0}to{width:100%}}.loading-bar-animate{animation:loading-bar 2s steps(20) forwards}.sprite-container{display:inline-block;image-rendering:pixelated;image-rendering:crisp-edges}@keyframes sprite-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sprite-bounce{animation:sprite-bounce .6s ease-in-out infinite}@keyframes pixel-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.pixel-shake{animation:pixel-shake .3s ease-in-out}@keyframes glitch-1{0%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(0)}20%{-webkit-clip-path:inset(20% 0 60% 0);clip-path:inset(20% 0 60% 0);transform:translate(-4px)}40%{-webkit-clip-path:inset(40% 0 40% 0);clip-path:inset(40% 0 40% 0);transform:translate(4px)}60%{-webkit-clip-path:inset(60% 0 20% 0);clip-path:inset(60% 0 20% 0);transform:translate(-4px)}80%{-webkit-clip-path:inset(80% 0 10% 0);clip-path:inset(80% 0 10% 0);transform:translate(4px)}}.glitch-text{position:relative}.glitch-text:after,.glitch-text:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{color:var(--retro-cyan);animation:glitch-1 2s infinite;z-index:-1}.glitch-text:after{color:var(--retro-magenta);animation:glitch-1 2s infinite reverse;z-index:-2}@media (max-width:768px){:root{--pixel-unit:3px}.pixel-text{font-size:10px!important;letter-spacing:1px}.pixel-btn{font-size:10px;padding:12px 16px}.counter-large{font-size:clamp(36px,12vw,80px)}.slide-nav,.slide-nav-left{bottom:auto;top:auto}.slide-progress{bottom:10px;padding:8px 12px}}@media (max-width:480px){:root{--pixel-unit:2px}.pixel-text{font-size:8px!important}.slide{padding:20px 10px}}.text-center{text-align:center}.text-left{text-align:left}.text-amber{color:var(--retro-amber)!important;text-shadow:0 0 10px rgba(255,176,0,.5)}.text-cyan{color:var(--retro-cyan)!important;text-shadow:0 0 10px rgba(0,255,255,.5)}.text-magenta{color:var(--retro-magenta)!important;text-shadow:0 0 10px rgba(255,0,255,.5)}.text-coral{color:var(--retro-coral)!important;text-shadow:0 0 10px hsla(0,100%,71%,.5)}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:16px}.gap-8{gap:32px}.matrix-text{color:var(--retro-green);text-shadow:0 0 10px var(--retro-green),0 0 20px var(--retro-green-glow)}.matrix-glow{box-shadow:0 0 10px var(--retro-green),0 0 20px var(--retro-green-glow)}.matrix-border{border:var(--pixel-unit) solid var(--retro-green);box-shadow:0 0 10px var(--retro-green-glow)}