:root{--bg: #0a0e27;--bg-panel: #0f1435;--bg-card: #141e3a;--border: #1e2a4a;--border-2: #2a3a5a;--cyan: #00d9ff;--magenta: #ff00ff;--gold: #ffd700;--purple: #a844ff;--violet: #d946ef;--emerald: #10b981;--green: #00ff9f;--pink: #ff2d78;--blue: #00b4ff;--text: #e0e7ff;--text-dim: #6b7280;--text-bright:#ffffff;--font-pixel: "Press Start 2P", monospace;--font-mono: "VT323", "Courier New", monospace;--glow-cyan: 0 0 12px #00d9ff60, 0 0 32px #00d9ff20;--glow-magenta: 0 0 12px #ff00ff60, 0 0 32px #ff00ff20;--glow-gold: 0 0 12px #ffd70080, 0 0 32px #ffd70030;--glow-purple: 0 0 12px #a844ff60, 0 0 32px #a844ff20;--glow-violet: 0 0 12px #d946ef60, 0 0 32px #d946ef20;--glow-green: 0 0 12px #10b98160, 0 0 32px #10b98120;--glow-green: 0 0 12px #00ff9f60, 0 0 32px #00ff9f20;--glow-pink: 0 0 12px #ff2d7860, 0 0 32px #ff2d7820;--glow-blue: 0 0 12px #00b4ff60, 0 0 32px #00b4ff20;--pixel-size: 4px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:18px;line-height:1.6;overflow-x:hidden;cursor:crosshair}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-2)}::-webkit-scrollbar-thumb:hover{background:var(--green)}h1,h2,h3,h4,h5{font-family:var(--font-pixel);line-height:1.4;color:var(--text-bright);letter-spacing:.05em}h1{font-size:clamp(1.2rem,3vw,2rem)}h2{font-size:clamp(.9rem,2vw,1.3rem)}h3{font-size:clamp(.7rem,1.5vw,1rem)}p,span,li{font-family:var(--font-mono);font-size:1.1rem}a{color:var(--green);text-decoration:none;font-family:var(--font-pixel);font-size:.7rem}a:hover{text-shadow:var(--glow-green)}code{font-family:Courier New,monospace;background:var(--bg-panel);padding:2px 6px;border:1px solid var(--border);color:var(--blue);font-size:.9em}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.page{min-height:100vh;padding-top:80px}.pixel-border-green{border:var(--pixel-size) solid var(--green);box-shadow:var(--glow-green),inset 0 0 20px #00ff9f08}.pixel-border-pink{border:var(--pixel-size) solid var(--pink);box-shadow:var(--glow-pink),inset 0 0 20px #ff2d7808}.pixel-border-blue{border:var(--pixel-size) solid var(--blue);box-shadow:var(--glow-blue),inset 0 0 20px #00b4ff08}.pixel-border-gold{border:var(--pixel-size) solid var(--gold);box-shadow:var(--glow-gold),inset 0 0 20px #ffc30008}.pixel-tag{display:inline-block;font-family:var(--font-pixel);font-size:.5rem;padding:4px 8px;border:2px solid currentColor;line-height:1.5;letter-spacing:.05em}.btn-pixel{display:inline-block;font-family:var(--font-pixel);font-size:.65rem;padding:12px 20px;border:3px solid var(--green);background:transparent;color:var(--green);cursor:pointer;transition:all .1s;letter-spacing:.1em;box-shadow:3px 3px 0 var(--green)}.btn-pixel:hover{background:var(--green);color:var(--bg);box-shadow:none;transform:translate(3px,3px)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}@keyframes pixel-spin{to{transform:rotate(360deg)}}@keyframes slide-in-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-left{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes counter-up{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pixel-appear{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes glitch-1{0%{clip-path:inset(40% 0 61% 0);transform:translate(-4px)}20%{clip-path:inset(92% 0 1% 0);transform:translate(4px)}60%{clip-path:inset(25% 0 58% 0);transform:translate(2px)}to{clip-path:inset(58% 0 43% 0);transform:translate(0)}}@keyframes glitch-2{0%{clip-path:inset(24% 0 29% 0);transform:translate(4px)}40%{clip-path:inset(58% 0 43% 0);transform:translate(0)}80%{clip-path:inset(92% 0 1% 0);transform:translate(-2px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes radar-ping{0%{transform:scale(1);opacity:1}to{transform:scale(2.5);opacity:0}}@keyframes typewriter-cursor{0%,to{border-color:var(--green)}50%{border-color:transparent}}@keyframes card-lift{0%{transform:translateY(0) scale(1)}to{transform:translateY(-4px) scale(1.01)}}.blink{animation:blink 1s step-end infinite}.float{animation:float 3s ease-in-out infinite}.pixel-card{background:var(--bg-card);border:2px solid var(--border);padding:1.5rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.pixel-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #00d9ff1a}.pixel-label{font-family:var(--font-pixel);font-size:.5rem;color:var(--text-dim);letter-spacing:.1em}.glow-border--cyan{border-color:var(--cyan)!important;box-shadow:var(--glow-cyan)}.glow-border--green{border-color:var(--green)!important;box-shadow:var(--glow-green)}.glow-border--pink{border-color:var(--pink)!important;box-shadow:var(--glow-pink)}.glow-border--gold{border-color:var(--gold)!important;box-shadow:var(--glow-gold)}.glow-border--purple{border-color:var(--purple)!important;box-shadow:var(--glow-purple)}.crt-hidden{display:none!important}@media(max-width:768px){.page{padding-top:70px}.container{padding:0 1rem}h1{font-size:clamp(1rem,4vw,1.5rem)}}::selection{background:var(--green);color:var(--bg)}