@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Fira+Code:wght@300;400;500;700&family=Space+Mono:wght@400;700&display=swap";.App{min-height:100vh;width:100%}:root{--primary-neon: #00ff41;--secondary-neon: #ff0080;--accent-cyan: #00ffff;--accent-purple: #8a2be2;--accent-orange: #ff6600;--accent-yellow: #ffff00;--dark-bg: #000000;--darker-bg: #050505;--matrix-bg: #001100;--card-bg: rgba(0, 255, 65, .03);--border-glow: rgba(0, 255, 65, .5);--text-primary: #00ff41;--text-secondary: #ffffff;--text-muted: #00ff4180;--text-error: #ff0040;--danger: #ff3333;--warning: #ffaa00;--success: #00ff41;--hacker-green: #00ff00;--terminal-green: #00cc00;font-family:Fira Code,monospace;line-height:1.5;font-weight:400;color:var(--text-secondary);background:var(--dark-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh;background:var(--dark-bg);position:relative;overflow-x:hidden;font-family:Fira Code,monospace}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(0,255,65,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,0,128,.1) 0%,transparent 50%),linear-gradient(135deg,#000,#010,#000);z-index:-3}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,65,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,.1) 1px,transparent 1px),linear-gradient(rgba(0,255,65,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,.03) 1px,transparent 1px);background-size:50px 50px,50px 50px,10px 10px,10px 10px;animation:matrixMove 25s linear infinite;z-index:-2}@keyframes matrixMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 50%,#00ff4105 50%);background-size:100% 4px;animation:scanlines .1s linear infinite;pointer-events:none;z-index:-1}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 4px}}.glitch{font-family:Orbitron,monospace;font-weight:900;text-transform:uppercase;position:relative;color:var(--primary-neon);font-size:2.5rem;letter-spacing:.1em;text-shadow:0 0 5px var(--primary-neon),0 0 10px var(--primary-neon),0 0 15px var(--primary-neon)}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{animation:glitch-1 2s infinite linear alternate-reverse;color:var(--secondary-neon);z-index:-1;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch:after{animation:glitch-2 3s infinite linear alternate-reverse;color:var(--accent-cyan);z-index:-2;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}@keyframes glitch-1{0%{transform:translate(0)}5%{transform:translate(-3px,2px)}10%{transform:translate(2px,-1px)}15%{transform:translate(-1px,2px)}20%{transform:translate(1px,-2px)}25%{transform:translate(-2px,1px)}30%{transform:translate(2px,1px)}35%{transform:translate(-1px,-1px)}40%{transform:translate(1px,2px)}45%{transform:translate(-2px,-2px)}50%{transform:translate(2px,-1px)}55%{transform:translate(-1px,2px)}60%{transform:translate(1px,-2px)}65%{transform:translate(-2px,1px)}70%{transform:translate(2px,1px)}75%{transform:translate(-1px,-1px)}80%{transform:translate(1px,2px)}85%{transform:translate(-2px,-2px)}90%{transform:translate(3px,1px)}95%{transform:translate(-1px,-1px)}to{transform:translate(0)}}@keyframes glitch-2{0%{transform:translate(0)}10%{transform:translate(2px,1px)}20%{transform:translate(-1px,-2px)}30%{transform:translate(1px,2px)}40%{transform:translate(-2px,-1px)}50%{transform:translate(2px,-2px)}60%{transform:translate(-1px,1px)}70%{transform:translate(1px,-1px)}80%{transform:translate(-2px,2px)}90%{transform:translate(2px,-1px)}to{transform:translate(0)}}.cursor{animation:cursor-blink 1s infinite}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.typing-effect{overflow:hidden;border-right:2px solid var(--primary-neon);white-space:nowrap;margin:0 auto;letter-spacing:.1em;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--primary-neon)}}.neon-glow{box-shadow:0 0 2px var(--primary-neon),0 0 5px var(--primary-neon),0 0 10px var(--primary-neon),0 0 20px var(--primary-neon),0 0 40px var(--primary-neon),inset 0 0 5px #00ff4133;animation:neon-flicker 3s infinite alternate}@keyframes neon-flicker{0%,to{filter:brightness(1);text-shadow:0 0 5px var(--primary-neon),0 0 10px var(--primary-neon),0 0 15px var(--primary-neon)}50%{filter:brightness(1.2);text-shadow:0 0 7px var(--primary-neon),0 0 14px var(--primary-neon),0 0 21px var(--primary-neon),0 0 30px var(--primary-neon)}}.neon-border{border:1px solid var(--primary-neon);box-shadow:inset 0 0 10px #00ff411a,0 0 10px #00ff414d,0 0 20px #00ff411a;position:relative}.neon-border:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent,var(--primary-neon),transparent,var(--accent-cyan),transparent,var(--secondary-neon),transparent);background-size:400% 400%;animation:neon-border-flow 3s ease infinite;border-radius:inherit;z-index:-1;opacity:.3}@keyframes neon-border-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.terminal-window{background:#000000e6;border:1px solid var(--terminal-green);border-radius:8px;padding:20px;position:relative;font-family:Space Mono,monospace;overflow:hidden}.terminal-window:before{content:"●●●";position:absolute;top:8px;left:12px;color:var(--danger);font-size:12px;letter-spacing:4px}.terminal-header{color:var(--terminal-green);font-size:12px;text-align:center;margin-bottom:15px;border-bottom:1px solid var(--terminal-green);padding-bottom:10px}.terminal-line{color:var(--terminal-green);font-family:Space Mono,monospace;font-size:14px;margin-bottom:5px}.terminal-line:before{content:"> ";color:var(--accent-cyan)}@keyframes matrix-rain{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}.matrix-char{position:fixed;color:var(--primary-neon);font-family:Space Mono,monospace;font-size:14px;animation:matrix-rain 3s linear infinite;opacity:.7;z-index:-1}.cyber-loader{width:60px;height:60px;border:3px solid transparent;border-top:3px solid var(--primary-neon);border-right:3px solid var(--accent-cyan);border-radius:50%;animation:cyber-spin 1s linear infinite;position:relative}.cyber-loader:before{content:"";position:absolute;inset:-3px;border:3px solid transparent;border-bottom:3px solid var(--secondary-neon);border-left:3px solid var(--accent-purple);border-radius:50%;animation:cyber-spin 1.5s linear infinite reverse}@keyframes cyber-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--darker-bg)}::-webkit-scrollbar-thumb{background:var(--primary-neon);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}::selection{background:var(--primary-neon);color:var(--dark-bg)}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%2300ff41' d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H2zm13 3H1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5z'/%3e%3c/svg%3e");background-size:16px 16px;background-repeat:no-repeat;background-position:center;width:20px;height:20px;opacity:1;cursor:pointer}input[type=time]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%2300ff41' d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM7 3.5a.5.5 0 0 1 1 0V7h3a.5.5 0 0 1 0 1H7.5a.5.5 0 0 1-.5-.5v-4z'/%3e%3c/svg%3e")}input[type=date]::-webkit-datetime-edit,input[type=time]::-webkit-datetime-edit{color:var(--primary-neon)!important;font-family:Fira Code,monospace!important}input[type=date]::-webkit-datetime-edit-fields-wrapper,input[type=time]::-webkit-datetime-edit-fields-wrapper{background:transparent!important}input[type=date],input[type=time]{position:relative!important;z-index:2!important;cursor:pointer!important}@media (max-width: 1024px){.glitch{font-size:2rem}}@media (max-width: 768px){:root{font-size:14px}body{overflow-x:hidden}body:after{background-size:30px 30px,30px 30px,8px 8px,8px 8px;opacity:.3}.scanlines{background-size:100% 3px}.glitch{font-size:1.5rem;line-height:1.2;margin-bottom:1rem}.glitch:before,.glitch:after{opacity:.5}@keyframes glitch-1{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}@keyframes glitch-2{0%{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,-1px)}to{transform:translate(0)}}}@media (max-width: 480px){:root{font-size:12px}.glitch{font-size:1.2rem;text-align:center;word-break:break-word}body:after{opacity:.2;background-size:25px 25px,25px 25px,6px 6px,6px 6px}.scanlines{opacity:.5}button,input,select,textarea{min-height:44px}}@media (max-height: 500px) and (orientation: landscape){.glitch{font-size:1rem;margin-bottom:.5rem}body:after{opacity:.1}.scanlines{opacity:.3}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.glitch{text-shadow:0 0 2px var(--primary-neon),0 0 4px var(--primary-neon),0 0 6px var(--primary-neon)}}@media (prefers-color-scheme: dark){:root{--dark-bg: #000000;--darker-bg: #050505}}@media (prefers-reduced-motion: reduce){.glitch:before,.glitch:after{animation:none}.scanlines{animation:none}body:after{animation:none}.neon-glow,.cyber-loader,.matrix-char{animation:none}}