:root{--cyber-black:#0a0a0a;--cyber-dark:#121212;--cyber-darker:#0d0d0d;--cyber-green:#00aa28;--cyber-green-bright:#00cc35;--cyber-green-dim:#004d1a;--cyber-green-dark:#003d15;--cyber-blue:#33c6ff;--cyber-blue-bright:#66d9ff;--cyber-blue-dark:#003d66;--cyber-purple:#8828aa;--cyber-purple-bright:#93b;--cyber-purple-dark:#5a0077;--cyber-pink:#c06;--cyber-red:#cc0028;--cyber-white:#e0e0e0;--cyber-white-soft:#ccc;--cyber-gray:#333;--cyber-gray-light:#555;--cyber-gray-dark:#222;--background-light:#f5f5f5;--foreground-light:#0d0d0d;--primary-light:#005a1a;--surface-light:#fff;--border-light:#005a1a99;--terminal-bg-light:#fff;--terminal-border-light:var(--cyber-green-dark);--terminal-header-light:var(--cyber-green-dark);--text-muted-light:#666;--text-secondary-light:#444;--background-dark:var(--cyber-black);--foreground-dark:var(--cyber-white-soft);--surface-dark:var(--cyber-dark);--border-dark:#00cc3340;--shadow-dark:0 2px 20px #00cc3314;--terminal-bg-dark:var(--cyber-dark);--terminal-border-dark:var(--cyber-green);--terminal-header-dark:var(--cyber-green);--text-muted-dark:var(--cyber-gray);--text-secondary-dark:var(--cyber-gray-light);--gradient-glow:linear-gradient(90deg,var(--cyber-green),var(--cyber-pink));--neon-green:0 0 1px var(--cyber-green),0 0 2px var(--cyber-green);--neon-green-soft:0 0 1px var(--cyber-green);--neon-blue:0 0 1px var(--cyber-blue),0 0 2px var(--cyber-blue);--neon-blue-soft:0 0 1px var(--cyber-blue);--neon-purple:0 0 1px var(--cyber-purple),0 0 2px var(--cyber-purple);--font-mono:ui-monospace,"SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Roboto Mono","Courier New",monospace;--sun-color:#ff8c00}html,body{max-width:100vw;font-family:var(--font-mono);scroll-behavior:smooth;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}body{color:var(--foreground-light);background:var(--background-light);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex:1;transition:all .3s;position:relative}body:before{content:"";background:radial-gradient(circle at 25% 25%,var(--cyber-green)0%,transparent 1%),radial-gradient(circle at 75% 75%,var(--cyber-blue)0%,transparent 1%),radial-gradient(circle at 50% 50%,var(--cyber-purple)0%,transparent 1%);opacity:.01;z-index:-1;background-size:50px 50px,80px 80px,100px 100px;width:100%;height:100%;animation:20s linear infinite digitalNoise;position:fixed;top:0;left:0}@keyframes digitalNoise{0%,to{transform:translate(0)}25%{transform:translate(-5px,5px)}50%{transform:translate(5px,-5px)}75%{transform:translate(-3px,-3px)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cursor:after{content:"▉";color:var(--cyber-green);animation:1s infinite blink}body:not(.dark-mode) .cursor:after{color:var(--cyber-green-dark)}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}body:not(.dark-mode){color:var(--foreground-light);background:var(--background-light);text-shadow:none;--terminal-bg-dark:var(--terminal-bg-light);--terminal-border-dark:var(--terminal-border-light);--terminal-header-dark:var(--terminal-header-light);--text-muted-dark:var(--text-muted-light);--text-secondary-dark:var(--text-secondary-light);background-image:radial-gradient(circle at 20%,#00772208 0%,#0000 50%),radial-gradient(circle at 80% 20%,#0088cc08 0%,#0000 50%),radial-gradient(circle at 40% 80%,#8800bb08 0%,#0000 50%)}body:not(.dark-mode):before{opacity:.015;background:radial-gradient(circle at 25% 25%,var(--cyber-green-dark)0%,transparent 1%),radial-gradient(circle at 75% 75%,var(--cyber-blue-dark)0%,transparent 1%),radial-gradient(circle at 50% 50%,var(--cyber-purple-dark)0%,transparent 1%)}body:not(.dark-mode) .glitch{color:var(--cyber-green-dark);text-shadow:.5px .5px 1px #0723}body:not(.dark-mode) .glitch:before{color:var(--cyber-blue-dark)}body:not(.dark-mode) .glitch:after{color:var(--cyber-purple-dark)}body:not(.dark-mode) .neon-green{color:var(--cyber-green-dark);text-shadow:0 0 2px #0077224d}body:not(.dark-mode) .neon-blue{color:var(--cyber-blue-dark);text-shadow:0 0 2px #0088cc4d}body:not(.dark-mode) .neon-purple{color:var(--cyber-purple-dark);text-shadow:0 0 2px #8800bb4d}body.dark-mode{color:var(--foreground-dark);background:var(--background-dark);text-shadow:0 0 .5px #00cc334d;--terminal-bg-dark:var(--surface-dark);--terminal-border-dark:var(--cyber-green);--terminal-header-dark:var(--cyber-green);--text-muted-dark:var(--cyber-gray);--text-secondary-dark:var(--cyber-gray-light)}body.dark-mode:before{opacity:.015}.glitch{color:var(--cyber-green);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;position:relative}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{color:var(--cyber-pink);z-index:-1;opacity:.3;animation:2s infinite glitch-1}.glitch:after{color:var(--cyber-blue);z-index:-2;opacity:.2;animation:3s infinite glitch-2}@keyframes glitch-1{0%,14%,15%,49%,50%,99%,to{transform:translate(0)}15%,49%{transform:translate(-1px,1px)}}@keyframes glitch-2{0%,20%,21%,62%,63%,99%,to{transform:translate(0)}21%,62%{transform:translate(1px,-1px)}}.neon-green{color:var(--cyber-green);text-shadow:var(--neon-green-soft)}.neon-blue{color:var(--cyber-blue);text-shadow:var(--neon-blue-soft)}.neon-purple{color:var(--cyber-purple);text-shadow:var(--neon-purple)}.neon-green:hover{text-shadow:var(--neon-green)}.neon-blue:hover{text-shadow:var(--neon-blue)}.neon-purple:hover{text-shadow:var(--neon-purple)}@media (prefers-color-scheme:dark){html{color-scheme:dark}}@media (max-width:1024px){.cyber-button{padding:.625rem 1.25rem;font-size:.95rem}}@media (max-width:768px){.cyber-button{letter-spacing:.5px;padding:.5rem 1rem;font-size:.9rem}.terminal{padding:.75rem}.terminal:before{font-size:.9rem}}@media (max-width:480px){.cyber-button{letter-spacing:.25px;padding:.5rem .875rem;font-size:.85rem}.terminal{border-radius:4px;padding:.5rem}.terminal:before{font-size:.8rem}}button,a,.nav,.menuButton span{transition:all .3s}@media (hover:none) and (pointer:coarse){.cyber-button:hover{transform:none}.cyber-button:active{transform:scale(.98)}.nav li a:hover{background:0 0}.nav li a:active{background:#00ff411a}}@media (max-width:768px){button,.cyber-button{min-width:44px;min-height:44px}a{min-width:44px}.nav li a{min-height:48px;padding:.75rem 0}.desktop-only{display:none!important}}input,select,textarea{background:var(--surface-light);border:1px solid var(--border-light);color:var(--foreground-light);font-family:var(--font-mono);border-radius:4px;padding:.75rem;transition:all .3s}input:focus,select:focus,textarea:focus{border-color:var(--primary-light);outline:none;box-shadow:0 0 10px #005a1a4d}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:var(--surface-dark);border:1px solid var(--border-dark);color:var(--foreground-dark)}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{border-color:var(--cyber-green);box-shadow:0 0 8px #00cc334d}.terminal{background:var(--cyber-black);color:var(--cyber-green);font-family:var(--font-mono);border:1px solid var(--cyber-green);border-radius:4px;padding:1rem;position:relative}body:not(.dark-mode) .terminal{background:var(--surface-light);color:var(--cyber-green-dark);border-color:var(--cyber-green-dim)}.terminal:before{content:"> ";color:var(--cyber-green-bright);font-weight:700}body:not(.dark-mode) .terminal:before{color:var(--cyber-green-dim)}.cyber-button{color:var(--cyber-green);border:2px solid var(--cyber-green);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;padding:.75rem 1.5rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}body:not(.dark-mode) .cyber-button{color:var(--cyber-green-dark);border-color:var(--cyber-green-dark)}.cyber-button:hover{background:var(--cyber-green);color:var(--cyber-white);box-shadow:var(--neon-green-soft)}body:not(.dark-mode) .cyber-button:hover{background:var(--cyber-green-dark);color:var(--cyber-white);box-shadow:0 0 15px #004d1a66}.cyber-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.cyber-button:hover:before{left:100%}