:root{--color-background: #050A0E;--color-surface: #121A24;--color-primary: #00F0FF;--color-accent: #FCEE09;--color-error: #FF003C;--color-text: #FAFAFA;--color-disabled: #78839B}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;background-color:var(--color-background);color:var(--color-text);font-family:Share Tech Mono,monospace}@media (orientation: portrait){.landscape-notice{display:none}}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.neon-text{color:var(--color-primary);text-shadow:0 0 5px var(--color-primary),0 0 10px var(--color-primary),0 0 15px var(--color-primary);letter-spacing:2px}.cyber-button{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary);padding:8px 16px;font-family:Share Tech Mono,monospace;text-transform:uppercase;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease}.cyber-button:hover{background-color:#00f0ff1a;box-shadow:0 0 10px var(--color-primary)}.cyber-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background-color:var(--color-primary);animation:slide-right 2s infinite}@keyframes slide-right{0%{left:-100%}50%{left:100%}to{left:100%}}.cyber-panel{background-color:#121a24cc;border:1px solid rgba(0,240,255,.3);position:relative;padding:1rem}.cyber-panel:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.glitch-text{position:relative;animation:glitch 3s infinite}@keyframes glitch{0%{text-shadow:.05em 0 0 var(--color-accent),-.05em -.025em 0 var(--color-error)}14%{text-shadow:.05em 0 0 var(--color-accent),-.05em -.025em 0 var(--color-error)}15%{text-shadow:-.05em -.025em 0 var(--color-accent),.025em .025em 0 var(--color-error)}49%{text-shadow:-.05em -.025em 0 var(--color-accent),.025em .025em 0 var(--color-error)}50%{text-shadow:.025em .05em 0 var(--color-accent),.05em 0 0 var(--color-error)}99%{text-shadow:.025em .05em 0 var(--color-accent),.05em 0 0 var(--color-error)}to{text-shadow:.05em 0 0 var(--color-accent),-.05em -.025em 0 var(--color-error)}}@keyframes hologramFlicker{0%{opacity:1}49%{opacity:1}50%{opacity:.8}51%{opacity:1}59%{opacity:1}60%{opacity:.8}61%{opacity:1}to{opacity:1}}@keyframes hologramScan{0%{background-position:0% 0%}to{background-position:0% 100%}}@keyframes gridPulse{0%{opacity:.05}50%{opacity:.1}to{opacity:.05}}.hologram-edge{position:relative;overflow:hidden}.hologram-edge:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 0%,rgba(0,255,0,.2) 50%,transparent 100%);animation:hologramScan 4s linear infinite;pointer-events:none}.hologram-scanlines{position:relative}.hologram-scanlines:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,255,0,.05) 0px,rgba(0,255,0,.05) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:100}.hologram-perspective{transform-style:preserve-3d;perspective:1000px}@media (max-width: 768px){h1,h2,h3,h4,h5,h6{margin-bottom:.5rem}.card,.panel,.container{padding:.75rem!important;margin-bottom:.75rem!important}.MuiButton-root{padding:.4rem .75rem!important;font-size:.875rem!important}.grid-container{grid-template-columns:1fr!important}.mobile-hidden{display:none!important}.mobile-column{flex-direction:column!important}.mobile-stack>*{width:100%!important;margin-bottom:.5rem!important}.mobile-scroll{overflow-x:auto!important}.mobile-full-width{width:100%!important}}
