: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;--accent: var(--cyan);--text: #e0e7ff;--text-dim: #6b7280;--text-bright:#ffffff;--font-pixel: "Press Start 2P", monospace;--font-mono: "VT323", "Courier New", monospace;--font-heading: "Press Start 2P", monospace;--font-body: "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}[data-theme=light]{--bg: #f5f0e8;--bg-panel: #ede6d6;--bg-card: #faf7f0;--border: #c9b99a;--border-2: #b09a78;--cyan: #7c3aed;--magenta: #be185d;--gold: #b45309;--purple: #5b21b6;--violet: #9333ea;--emerald: #065f46;--green: #059669;--pink: #db2777;--blue: #1d4ed8;--accent: #7c3aed;--text: #2d1f0e;--text-dim: #78614a;--text-bright:#1a0a00;--font-pixel: "Cinzel Decorative", "Cinzel", serif;--font-mono: "Spectral", "IM Fell English", serif;--font-heading: "Cinzel", serif;--font-body: "Spectral", serif;--glow-cyan: 0 0 10px #7c3aed40, 0 0 28px #7c3aed18;--glow-magenta: 0 0 10px #be185d40, 0 0 28px #be185d18;--glow-gold: 0 0 10px #b4530940, 0 0 28px #b4530918;--glow-purple: 0 0 10px #5b21b640, 0 0 28px #5b21b618;--glow-violet: 0 0 10px #9333ea40, 0 0 28px #9333ea18;--glow-green: 0 0 10px #05996140, 0 0 28px #05996118;--glow-pink: 0 0 10px #db277740, 0 0 28px #db277718;--glow-blue: 0 0 10px #1d4ed840, 0 0 28px #1d4ed818}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html[data-theme=light]{font-size:125%}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;transition:background-color .4s ease,color .4s ease}[data-theme=light] body,body[data-theme=light]{cursor:default;background-image:radial-gradient(ellipse at 20% 10%,rgba(124,58,237,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 90%,rgba(180,83,9,.05) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23b09a78' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-2)}::-webkit-scrollbar-thumb:hover{background:var(--green)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--accent)}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)}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5{font-family:Cinzel,serif;letter-spacing:.08em;font-weight:700}[data-theme=light] p,[data-theme=light] span,[data-theme=light] li{font-family:Spectral,serif;font-size:1.05rem;line-height:1.8}[data-theme=light] a{font-family:Cinzel,serif;font-size:.85rem;color:var(--purple)}[data-theme=light] a:hover{text-shadow:var(--glow-purple)}code{font-family:Courier New,monospace;background:var(--bg-panel);padding:2px 6px;border:1px solid var(--border);color:var(--blue);font-size:.9em}[data-theme=light] code{background:#ede6d6;border-color:#c9b99a;color:var(--purple);font-family:Spectral,serif}.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)}[data-theme=light] .btn-pixel{font-family:Cinzel,serif;font-size:.8rem;border-color:var(--accent);color:var(--accent);box-shadow:3px 3px 0 var(--accent);letter-spacing:.12em}[data-theme=light] .btn-pixel:hover{background:var(--accent);color:#fff;box-shadow:none}@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}[data-theme=light] .pixel-label{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.2em}.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}[data-theme=light] nav{background:#f5f0e8f2!important;border-bottom-color:#b09a78!important;box-shadow:0 2px 20px #7c3aed14!important}[data-theme=light] .page:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 15% 25%,rgba(124,58,237,.04) 0%,transparent 40%),radial-gradient(circle at 85% 75%,rgba(180,83,9,.04) 0%,transparent 40%);z-index:0}::selection{background:var(--green);color:var(--bg)}[data-theme=light] ::selection{background:var(--accent);color:#fff}[data-theme=light] .pixel-card{background:var(--bg-card);border-color:var(--border);box-shadow:0 2px 12px #7c3aed0f}[data-theme=light] .pixel-card:hover{box-shadow:0 8px 32px #7c3aed24;border-color:var(--accent)}[data-theme=light] .pixel-tag{font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.15em}[data-theme=light] h1{background:linear-gradient(135deg,#1a0a00 30%,#7c3aed 60%,#b45309);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}*,*:before,*:after{transition:background-color .35s ease,border-color .35s ease,color .35s ease,box-shadow .35s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media(max-width:768px){.page{padding-top:70px}.container{padding:0 1rem}h1,[data-theme=light] h1{font-size:clamp(1rem,4vw,1.5rem)}}