:root{--matrix-green: #00ff41;--matrix-bright: #00ff41;--matrix-dark: #003b00;--matrix-bg: #000000;--matrix-glow: rgba(0, 255, 65, .4)}body{margin:0;padding:0;font-family:Share Tech Mono,monospace;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}body.dark{background-color:var(--matrix-bg);color:var(--matrix-green)}body.light{background-color:#f0f4f0;color:#004d00}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--matrix-dark);border-radius:4px}.light ::-webkit-scrollbar-thumb{background:#acc0ac}::-webkit-scrollbar-thumb:hover{background:var(--matrix-green)}.matrix-glow{text-shadow:0 0 5px currentColor}.dark .matrix-border{border:1px solid var(--matrix-dark);box-shadow:inset 0 0 15px var(--matrix-dark),0 0 15px var(--matrix-dark)}.light .matrix-border{border:1px solid #acc0ac;box-shadow:0 4px 6px -1px #0000001a}.glitch-overlay{background:linear-gradient(#12101000 50%,#00000026 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 2px,3px 100%;pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:50;opacity:.5}.matrix-card{background:#000500d9;border:1px solid rgba(0,255,65,.2);position:relative}.matrix-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--matrix-green),transparent);opacity:.3}.matrix-card-abort{background:#0f0000d9;border:1px solid rgba(239,68,68,.25);position:relative}.matrix-card-abort:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(239,68,68,.6),transparent);opacity:.25}input::placeholder{color:#00ff414d;opacity:1}input::-webkit-input-placeholder{color:#00ff414d}input::-moz-placeholder{color:#00ff414d;opacity:1}input:-ms-input-placeholder{color:#00ff414d}.scanline{width:100%;height:100%;z-index:9999;background:linear-gradient(#12101000 50%,#00ff410d 50%),linear-gradient(90deg,#ff000003,#00ff0003,#0000ff03);background-size:100% 3px,3px 100%;pointer-events:none;position:fixed;top:0;left:0}.crt-flicker{animation:flicker .15s infinite;pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#12101005;z-index:9998}@keyframes flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.57807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}to{opacity:.24387}}
