:root{--bg-color: #1a0b2e;--text-color: #e0d8f0;--neon-yellow: #ffea00;--neon-green: #39ff14;--neon-purple: #bd00ff;--neon-pink: #ff00ff;--neon-cyan: #00ffff;--font-pixel: "Press Start 2P", cursive;--font-mono: "VT323", monospace;--surface-dark: #2a1b41;--border-color: #5b3e8c}body.theme-light{--bg-color: #f0f0f0;--text-color: #111;--surface-dark: #e0e0e0;--border-color: #333;--neon-yellow: #dca300;--neon-green: #009900;--neon-purple: #800080;--neon-pink: #cc00cc;--neon-cyan: #008888}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);font-size:20px;line-height:1.6;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-pixel);margin-bottom:1rem;line-height:1.4;text-transform:uppercase}a{text-decoration:none;color:var(--neon-cyan);transition:color .2s}a:hover{color:var(--neon-pink)}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.pixel-button{font-family:var(--font-pixel);font-size:.8rem;background-color:transparent;color:var(--neon-yellow);padding:15px 30px;border:4px solid var(--neon-yellow);text-transform:uppercase;cursor:pointer;position:relative;transition:all .2s ease;box-shadow:4px 4px 0 var(--neon-purple);text-decoration:none;display:inline-block}.pixel-button:hover{background-color:var(--neon-yellow);color:var(--bg-color);box-shadow:6px 6px 0 var(--neon-pink);transform:translate(-2px,-2px)}.pixel-button.secondary{color:var(--neon-cyan);border-color:var(--neon-cyan);box-shadow:4px 4px 0 var(--neon-green)}.pixel-button.secondary:hover{background-color:var(--neon-cyan);color:var(--bg-color);box-shadow:6px 6px 0 var(--neon-yellow)}.pixel-box{background-color:var(--surface-dark);border:4px solid var(--border-color);padding:2rem;box-shadow:8px 8px #0006}.section-title{color:var(--neon-purple);text-align:center;margin-bottom:3rem;font-size:2rem;text-shadow:2px 2px 0px rgba(0,0,0,.5)}.section-title:before,.section-title:after{content:" === ";color:var(--neon-yellow)}::selection{background:var(--neon-purple);color:#fff}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-color);border-left:2px solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--neon-purple);border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--neon-pink)}main.portfolio-content>*{display:block;padding:5rem 0}main.portfolio-content{padding-top:80px}