:root{--neon-cyan:#00ffff;--neon-pink:#ff00ff;--neon-green:#00ff00;--neon-yellow:#ffff00;--neon-orange:#ff6600;--neon-red:#ff0044;--neon-purple:#9d00ff;--bg-black:#0a0a0a;--bg-dark:#141414;--bg-medium:#1e1e1e;--bg-light:#2a2a2a;--text-primary:#ffffff;--text-secondary:#b0b0b0;--text-dim:#666666;--success:#00ff88;--warning:#ffaa00;--danger:#ff0055;--info:#00aaff}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 10px}}@keyframes neon-flicker{0%,to{opacity:1}33%{opacity:.8}66%{opacity:.9}}@keyframes glitch-1{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(20% 0 60% 0);transform:translate(-2px,2px)}40%{clip-path:inset(50% 0 20% 0);transform:translate(2px,-2px)}60%{clip-path:inset(80% 0 0 0);transform:translate(-2px,2px)}80%{clip-path:inset(0 0 70% 0);transform:translate(2px,-2px)}}@keyframes glitch-2{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(80% 0 0 0);transform:translate(2px,-2px)}40%{clip-path:inset(0 0 70% 0);transform:translate(-2px,2px)}60%{clip-path:inset(20% 0 60% 0);transform:translate(2px,2px)}80%{clip-path:inset(50% 0 20% 0);transform:translate(-2px,-2px)}}@keyframes error-flash{0%,to{opacity:1}50%{opacity:.3}}@keyframes retro-loader{0%{opacity:1;transform:scaleY(1)}50%{opacity:.5;transform:scaleY(.5)}to{opacity:1;transform:scaleY(1)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.crt-container{position:relative;background:var(--bg-dark);border:2px solid var(--neon-cyan);border-radius:10px;padding:20px;margin:20px 0;box-shadow:0 0 20px rgba(0,255,255,.5),inset 0 0 20px rgba(0,255,255,.1);overflow:hidden}.crt-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 0);background-size:100% 2px;z-index:1;pointer-events:none}.neon-text{font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--neon-cyan);text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor,0 0 40px currentColor;animation:neon-flicker 2s infinite alternate}.neon-text-pink{color:var(--neon-pink)}.neon-text-green{color:var(--neon-green)}.neon-text-yellow{color:var(--neon-yellow)}.neon-text-purple{color:var(--neon-purple)}.glitch-text{position:relative;font-weight:700;text-transform:uppercase}.glitch-text:after,.glitch-text:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{animation:glitch-1 .5s infinite;color:var(--neon-cyan);z-index:-1}.glitch-text:after{animation:glitch-2 .5s infinite;color:var(--neon-pink);z-index:-2}.arcade-button{background:linear-gradient(135deg,var(--bg-medium) 0,var(--bg-light) 100%);border:3px solid var(--neon-cyan);color:var(--neon-cyan);padding:15px 30px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 0 20px rgba(0,255,255,.3),inset 0 0 20px rgba(0,255,255,.1)}.arcade-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(0,255,255,.3);transform:translate(-50%,-50%);border-radius:50%;transition:width .6s,height .6s}.arcade-button:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(0,255,255,.6),inset 0 0 30px rgba(0,255,255,.2),0 5px 15px rgba(0,0,0,.5)}.arcade-button:hover:before{width:300px;height:300px}.arcade-button:active{transform:translateY(1px)}.pixel-card{background:var(--bg-dark);border:2px solid var(--neon-pink);position:relative;padding:20px;margin:20px 0;transition:all .3s ease}.pixel-card:after,.pixel-card:before{content:"";position:absolute;width:10px;height:10px;background:var(--neon-pink)}.pixel-card:before{top:-2px;left:-2px}.pixel-card:after{bottom:-2px;right:-2px}.pixel-card:hover{transform:scale(1.02);box-shadow:0 0 30px rgba(255,0,255,.5),inset 0 0 30px rgba(255,0,255,.1);filter:brightness(1.1)}.digital-display{background:#000;padding:10px 20px;border:2px solid #333;display:inline-block;font-size:24px;letter-spacing:3px;box-shadow:inset 0 0 20px rgba(0,255,0,.2),0 0 10px rgba(0,255,0,.5);text-shadow:0 0 5px currentColor}.digital-display,.terminal-input{font-family:Courier New,monospace;color:var(--neon-green)}.terminal-input{background:var(--bg-black);border:1px solid var(--neon-green);padding:10px;font-size:14px;width:100%;box-shadow:inset 0 0 10px rgba(0,255,0,.1)}.retro-loader{display:inline-block;position:relative;width:80px;height:20px}.retro-loader div{position:absolute;top:0;width:13px;height:100%;background:var(--neon-cyan);animation:retro-loader 1.2s cubic-bezier(0,.5,.5,1) infinite}.retro-loader div:first-child{left:0;animation-delay:-.24s}.retro-loader div:nth-child(2){left:20px;animation-delay:-.12s}.retro-loader div:nth-child(3){left:40px;animation-delay:0s}.retro-loader div:nth-child(4){left:60px;animation-delay:.12s}.cursor:after{content:"_";animation:blink 1s infinite}.retro-badge{display:inline-block;background:var(--neon-orange);color:var(--bg-black);padding:5px 15px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);box-shadow:0 0 10px rgba(255,102,0,.7)}.status-success{color:var(--success)}.status-error,.status-success{text-shadow:0 0 10px currentColor}.status-error{color:var(--danger);animation:error-flash .5s ease-in-out 3}.retro-sidebar{background-image:linear-gradient(to bottom,var(--bg-dark),var(--bg-black));border-right:2px solid var(--neon-cyan);box-shadow:0 0 20px rgba(0,255,255,.3)}.retro-sidebar-header{border-bottom:2px solid var(--neon-cyan);padding:1rem;position:relative;overflow:hidden}.retro-sidebar-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan)}.retro-sidebar-item{border-left:3px solid transparent;transition:all .3s ease}.retro-sidebar-item.active,.retro-sidebar-item:hover{border-left-color:var(--neon-cyan);background:rgba(0,255,255,.1)}.retro-nav{background-color:var(--bg-dark);border-bottom:2px solid var(--neon-cyan);box-shadow:0 5px 15px rgba(0,0,0,.5)}.retro-nav-title{font-family:Courier New,monospace;font-weight:700;letter-spacing:2px;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.retro-card{background:linear-gradient(135deg,var(--bg-dark) 0,var(--bg-medium) 100%);border:1px solid var(--neon-cyan);box-shadow:0 0 15px rgba(0,255,255,.2);transition:all .3s ease}.retro-card:hover{box-shadow:0 0 25px rgba(0,255,255,.4);transform:translateY(-2px)}.retro-card-header{border-bottom:1px solid var(--neon-cyan);background:rgba(0,255,255,.05)}.retro-card-title{font-family:Courier New,monospace;letter-spacing:1px}.retro-button,.retro-card-title{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan)}.retro-button{background:var(--bg-medium);border:1px solid var(--neon-cyan);transition:all .3s ease;position:relative;overflow:hidden}.retro-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);transition:all .5s ease}.retro-button:hover:before{left:100%}.retro-button:hover{box-shadow:0 0 10px rgba(0,255,255,.5);background:var(--bg-light)}.retro-bg{background-color:var(--bg-black);background-image:repeating-linear-gradient(0deg,rgba(0,255,255,.03),transparent 1px,transparent 2px,rgba(0,255,255,.03) 3px);animation:scanlines 8s linear infinite}