:root{--neon-green:#0f0;--neon-cyan:#0ff;--neon-magenta:#f0f;--neon-yellow:#ff0;--neon-orange:#ff8000;--neon-red:#ff0040;--neon-blue:#0080ff;--neon-purple:#8000ff;--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#111;--bg-surface:#1a1a1a;--gradient-cyber:linear-gradient(135deg,#000,#012 30%,#021 70%,#000);--gradient-hologram:linear-gradient(45deg,var(--neon-cyan),var(--neon-magenta),var(--neon-yellow),var(--neon-green));--gradient-neural:radial-gradient(circle,#00ffff1a 0%,#0000 70%);--glow-small:0 0 10px;--glow-medium:0 0 20px;--glow-large:0 0 40px;--glow-intense:0 0 60px;--transition-fast:0.15s cubic-bezier(0.23,1,0.32,1);--transition-normal:0.3s cubic-bezier(0.23,1,0.32,1);--transition-slow:0.6s cubic-bezier(0.23,1,0.32,1);--transition-bounce:0.6s cubic-bezier(0.68,-0.55,0.265,1.55);--font-cyber:"Courier New","Monaco","Menlo","Consolas",monospace;--font-size-xs:10px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-xxl:24px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50%}*{margin:0;padding:0;scrollbar-color:#00ff41 var(--bg-primary);scrollbar-width:thin}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;line-height:1.6}body{background:var(--gradient-cyber);color:var(--neon-green);font-family:var(--font-cyber);min-height:100vh;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;background-image:radial-gradient(circle at 20% 50%,#00ff0008 0,#0000 50%),radial-gradient(circle at 80% 20%,#00ffff08 0,#0000 50%),radial-gradient(circle at 40% 80%,#ff00ff05 0,#0000 50%),var(--gradient-cyber);background-attachment:fixed;background-size:100% 100%,80% 80%,60% 60%,100% 100%}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid #00ff411a}::-webkit-scrollbar-thumb{background:#00ff41;border-radius:var(--radius-md);border:2px solid var(--bg-primary);box-shadow:inset 0 0 6px #00ff414d,0 0 10px #00ff4180;-webkit-transition:all var(--transition-normal);transition:all var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background:#00ff64;box-shadow:inset 0 0 8px #00ff4166,0 0 20px #00ff4199}::-webkit-scrollbar-corner{background:var(--bg-secondary)}@keyframes matrix-digital-rain{0%{transform:translateY(-100vh) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(1turn);opacity:0}}@keyframes hologram-shimmer{0%{transform:translateX(-100%) skewX(-15deg)}to{transform:translateX(200%) skewX(-15deg)}}@keyframes neural-pulse{0%,to{box-shadow:var(--glow-small) var(--neon-cyan);transform:scale(1)}50%{box-shadow:var(--glow-large) var(--neon-cyan),var(--glow-intense) var(--neon-cyan);transform:scale(1.05)}}@keyframes quantum-flicker{0%,98%{opacity:1}99%{opacity:.95}to{opacity:.92}}@keyframes data-stream-flow{0%{backgroundPosition:0 0}to{backgroundPosition:0 50px}}@keyframes glitch-distortion{0%,to{transform:translate(0);filter:hue-rotate(0deg)}10%{transform:translate(-2px,2px);filter:hue-rotate(90deg)}20%{transform:translate(-2px,-2px);filter:hue-rotate(180deg)}30%{transform:translate(2px,2px);filter:hue-rotate(270deg)}40%{transform:translate(2px,-2px);filter:hue-rotate(1turn)}50%{transform:translate(-1px,1px) scale(1.01);filter:hue-rotate(45deg)}60%{transform:translate(1px,-1px) scale(.99);filter:hue-rotate(135deg)}}@keyframes neon-breathing{0%,to{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor}50%{text-shadow:0 0 2px currentColor,0 0 5px currentColor,0 0 8px currentColor,0 0 12px currentColor,0 0 18px currentColor}}@keyframes border-dance{0%{border-color:var(--neon-green)}25%{border-color:var(--neon-cyan)}50%{border-color:var(--neon-magenta)}75%{border-color:var(--neon-yellow)}to{border-color:var(--neon-green)}}@keyframes floating-ascend{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-20px) rotate(0deg)}75%{transform:translateY(-10px) rotate(-1deg)}}@keyframes quantum-rotation{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}@keyframes cyber-typing{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes rainbow-flow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes energy-pulse{0%{box-shadow:0 0 5px var(--neon-green);background-position:0 0}50%{box-shadow:0 0 20px var(--neon-green),0 0 40px var(--neon-cyan),inset 0 0 20px #00ffff1a;background-position:100% 100%}to{box-shadow:0 0 5px var(--neon-green);background-position:0 0}}@keyframes holographic-reveal{0%{opacity:0;transform:translateY(30px) scale(.8) rotateX(45deg);filter:blur(10px)}50%{opacity:.8;transform:translateY(10px) scale(.95) rotateX(15deg);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0deg);filter:blur(0)}}.cyber-text{font-family:var(--font-cyber);letter-spacing:1px;text-shadow:var(--glow-small) currentColor}.neon-glow{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor}.neon-glow-intense{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor,0 0 20px currentColor,0 0 30px currentColor;animation:neon-breathing 3s ease-in-out infinite}.holographic-text{animation:rainbow-flow 4s ease-in-out infinite;position:relative}.holographic-text,.holographic-text:before{background:var(--gradient-hologram);background-size:300% 300%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:#0000}.holographic-text:before{content:attr(data-text);position:absolute;top:0;left:0;animation:rainbow-flow 4s ease-in-out infinite reverse;opacity:.7;z-index:-1}.glitch-effect{position:relative;color:var(--neon-green);animation:glitch-distortion .3s infinite}.glitch-effect:after,.glitch-effect:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-effect:before{animation:glitch-distortion .3s infinite reverse;color:var(--neon-cyan);z-index:-1;filter:blur(1px)}.glitch-effect:after{animation:glitch-distortion .3s infinite;color:var(--neon-magenta);z-index:-2;filter:blur(1px)}.quantum-border{border:2px solid var(--neon-cyan);border-radius:var(--radius-lg);position:relative;overflow:hidden}.quantum-border:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-hologram);border-radius:var(--radius-lg);z-index:-1;animation:quantum-rotation 4s linear infinite;opacity:.7}.neural-grid{background-image:linear-gradient(#00ffff1a 1px,#0000 0),linear-gradient(90deg,#00ffff1a 1px,#0000 0);background-size:20px 20px;animation:data-stream-flow 4s linear infinite}.cyber-card{background:linear-gradient(135deg,#000c,#00323266 50%,#000c);border:1px solid var(--neon-cyan);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--glow-medium) #00ffff4d,inset 0 0 20px #00ffff1a;transition:all var(--transition-normal);position:relative;overflow:hidden}.cyber-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0000,#0ff3,#0000);transition:left var(--transition-slow)}.cyber-card:hover:before{left:100%}.cyber-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--glow-large) #00ffff80,var(--glow-intense) #0ff3,inset 0 0 30px #0ff3}.floating-element{animation:floating-ascend 6s ease-in-out infinite}.energy-field{background:radial-gradient(circle at 50% 50%,#00ffff1a 0,#0000 70%),conic-gradient(from 0deg,var(--neon-green),var(--neon-cyan),var(--neon-magenta),var(--neon-green));background-size:100% 100%,200% 200%;animation:energy-pulse 3s ease-in-out infinite,quantum-rotation 8s linear infinite;border-radius:var(--radius-full)}.matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-10;overflow:hidden}.matrix-char{position:absolute;color:var(--neon-green);font-family:var(--font-cyber);font-size:var(--font-size-sm);animation:matrix-digital-rain 8s linear infinite;opacity:.7}.scan-lines{position:relative;overflow:hidden}.scan-lines:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff0008 0,#00ff0008 4px);pointer-events:none;animation:data-stream-flow 2s linear infinite}.crt-monitor{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:inset 0 0 50px #00ff001a,var(--glow-medium) #00ff004d;position:relative;overflow:hidden}.crt-monitor:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#12101000 50%,#00000040 0),linear-gradient(90deg,#0000 50%,#00ff0008 0),radial-gradient(ellipse at center,#0000 40%,#0000004d 100%);background-size:100% 3px,4px 100%,100% 100%;pointer-events:none;animation:quantum-flicker .1s linear infinite}.terminal-prompt:before{content:"◄ "}.terminal-prompt:after,.terminal-prompt:before{color:var(--neon-cyan);text-shadow:var(--glow-small) var(--neon-cyan)}.terminal-prompt:after{content:" ►"}.cyber-input{background:linear-gradient(135deg,#00ff000d,#000c 50%,#00ffff0d);border:1px solid var(--neon-green);border-radius:var(--radius-md);color:var(--neon-green);font-family:var(--font-cyber);padding:var(--space-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal);box-shadow:inset 0 0 10px #00000080}.cyber-input:focus{outline:none;border-color:var(--neon-cyan);box-shadow:var(--glow-medium) #0ff6,inset 0 0 20px #00ffff1a;background:linear-gradient(135deg,#00ffff1a,#000c 50%,#00ffff1a)}.cyber-button{background:linear-gradient(135deg,#0f03,#000c 50%,#0f03);border:2px solid var(--neon-green);border-radius:var(--radius-lg);color:var(--neon-green);font-family:var(--font-cyber);font-weight:700;padding:var(--space-md) var(--space-xl);cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden}.cyber-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0000,#00ff004d,#0000);transition:left var(--transition-slow)}.cyber-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--glow-large) #0f09,inset 0 0 20px #0f03;border-color:var(--neon-cyan);color:var(--neon-cyan)}.cyber-button:hover:before{left:100%}.cyber-button:active{transform:translateY(0) scale(.98)}#splash{text-align:center;display:flex;justify-content:center;align-items:center;height:100vh}#terminal-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;padding:20px;background-color:#000}#cursor-container input{background:#0000;color:green;border:none}@media (max-width:768px){:root{--font-size-xs:8px;--font-size-sm:10px;--font-size-md:12px;--font-size-lg:14px;--font-size-xl:16px;--font-size-xxl:20px;--space-xs:2px;--space-sm:4px;--space-md:8px;--space-lg:12px;--space-xl:16px;--space-xxl:24px}.neon-glow-intense{text-shadow:0 0 3px currentColor,0 0 6px currentColor,0 0 9px currentColor}.cyber-card:hover{transform:translateY(-2px) scale(1.01)}::-webkit-scrollbar{width:8px;height:8px}}@media (max-width:480px){.glitch-effect:after,.glitch-effect:before{display:none}.floating-element{animation:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.glitch-distortion,.matrix-digital-rain,.quantum-flicker{animation:none!important}}@media (prefers-contrast:high){:root{--neon-green:#0f0;--neon-cyan:#0ff;--bg-primary:#000}.neon-glow,.neon-glow-intense{text-shadow:none;font-weight:700;border:1px solid;padding:2px 4px;border-radius:var(--radius-sm)}}@media print{body{background:#fff!important;color:#000!important}.holographic-text,.neon-glow,.neon-glow-intense{text-shadow:none!important;background:none!important;-webkit-text-fill-color:#000!important}.crt-monitor:before,.cyber-card:before,.matrix-rain,.scan-lines:after{display:none!important}}:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px;box-shadow:var(--glow-small) #00ffff80}::selection{background:#00ffff4d;color:var(--neon-cyan);text-shadow:var(--glow-small) var(--neon-cyan)}::-moz-selection{background:#00ffff4d;color:var(--neon-cyan);text-shadow:var(--glow-small) var(--neon-cyan)}