:root{--bg-primary: #020205;--bg-panel: rgba(10, 11, 16, .96);--bg-input: rgba(252, 238, 10, .03);--hud-yellow: #fcee0a;--hud-red: #ff003c;--hud-cyan: #00ffff;--hud-white: #f0f0f0;--border-hud: rgba(252, 238, 10, .4);--border-hud-bright: rgba(252, 238, 10, .8);--text-primary: #f0f0f0;--text-secondary: #bdbdbd;--text-accent: var(--hud-yellow);--font-heading: "Syncopate", "Fira Code", monospace;--font-body: "Rajdhani", "Fira Sans", sans-serif;--glow-yellow: 0 0 10px rgba(252, 238, 10, .4), 0 0 20px rgba(252, 238, 10, .2);--glow-red: 0 0 15px rgba(255, 0, 60, .5);--glow-cyan: 0 0 10px rgba(0, 255, 255, .4)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden;min-height:100vh}body:after{content:" ";display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%);z-index:999;background-size:100% 4px;pointer-events:none}.bg-flat-dark{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#08080c;z-index:0;pointer-events:none}.bg-noise-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;z-index:2;pointer-events:none;mix-blend-mode:overlay}.bg-radial-glow{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;overflow:hidden}.bg-radial-glow:before,.bg-radial-glow:after{content:"";position:absolute;width:80vw;height:80vw;border-radius:50%;filter:blur(120px);opacity:.08;pointer-events:none}.bg-radial-glow:before{top:-20%;left:-10%;background:radial-gradient(circle,var(--hud-red) 0%,transparent 70%)}.bg-radial-glow:after{bottom:-20%;right:-10%;background:radial-gradient(circle,var(--hud-cyan) 0%,transparent 70%)}.bg-tech-lines{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;opacity:.03;background-image:linear-gradient(rgba(252,238,10,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(252,238,10,.1) 1px,transparent 1px);background-size:100px 100px;-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 80%);mask-image:radial-gradient(circle at center,black 30%,transparent 80%)}.bg-vignette{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.6) 100%);z-index:3;pointer-events:none}#glitch-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2;pointer-events:none;overflow:hidden}.glitch-bar{position:absolute;left:0;width:100%;height:2px;background:#fff6;mix-blend-mode:screen;opacity:0;animation:glitch-bar-anim .2s steps(1) forwards}@keyframes glitch-bar-anim{0%{opacity:.8;transform:scaleX(0)}20%{opacity:1;transform:scaleX(1) translate(-10px);background:#0ff}40%{opacity:.6;transform:scaleX(.8) translate(20px);background:#ff003c}60%{opacity:1;transform:scaleX(1.2) translate(-5px);background:#fcee0a}80%{opacity:.4;transform:scaleX(.5) translate(10px);background:#fff}to{opacity:0;transform:scaleX(0)}}.cyber-terminal{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;gap:30px;animation:bootSequence 1s cubic-bezier(.16,1,.3,1) forwards}.terminal-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid var(--hud-yellow);padding-bottom:20px;position:relative;clip-path:polygon(0 0,100% 0,100% 70%,98% 100%,0 100%)}.terminal-header:after{content:"SYSTEM_LINK://STABLE";position:absolute;right:0;bottom:5px;font-size:.6rem;color:var(--hud-yellow);opacity:.5;letter-spacing:2px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:var(--text-primary);text-shadow:var(--glow-purple);margin-bottom:5px;line-height:1.1}.glow-text{color:var(--neon-violet)}.hero-tagline{font-family:var(--font-heading);color:var(--neon-cyan);font-size:.9rem;letter-spacing:2px}.toggle-switch{position:relative;width:60px;height:26px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);border:1px solid var(--border-hud);transition:.2s;clip-path:polygon(0 0,100% 0,100% 100%,10px 100%,0 70%)}.toggle-slider:before{position:absolute;content:"0";height:18px;width:22px;left:4px;bottom:3px;background:#333;color:#000;font-family:var(--font-heading);font-size:.6rem;font-weight:900;display:flex;align-items:center;justify-content:center;transition:.2s cubic-bezier(.1,.9,.2,1);clip-path:polygon(0 0,100% 0,100% 80%,80% 100%,0 100%)}input:checked+.toggle-slider{background:#fcee0a0d;border-color:var(--hud-yellow)}input:checked+.toggle-slider:before{content:"1";transform:translate(28px);background:var(--hud-yellow);box-shadow:var(--glow-yellow)}.toggle-slider:after{content:"STATE_LINK";position:absolute;top:-12px;right:0;font-size:.5rem;color:var(--hud-yellow);opacity:.5}.audio-label{cursor:pointer}.terminal-body{display:grid;grid-template-columns:460px 1fr;grid-template-rows:auto auto;gap:24px;align-items:stretch}@media(max-width:950px){.terminal-body{grid-template-columns:1fr;grid-template-rows:auto}}.terminal-section{background:var(--bg-panel);border:1px solid var(--border-hud);padding:30px;position:relative;overflow:hidden;clip-path:polygon(0 0,95% 0,100% 5%,100% 100%,5% 100%,0 95%);display:flex;flex-direction:column}.terminal-section:before{content:"DOC_SCAN://ACTIVE";position:absolute;top:0;left:0;width:100%;height:20px;background:var(--hud-yellow);color:#000;font-size:.6rem;font-weight:900;padding:2px 10px;display:flex;align-items:center}.panel-title{font-family:var(--font-heading);color:var(--hud-yellow);font-size:1.1rem;margin-top:15px;margin-bottom:24px;border-left:4px solid var(--hud-red);padding-left:12px;text-transform:uppercase}.panel-icon{margin-right:12px;color:var(--neon-cyan)}#drop-zone{border:1px solid var(--hud-cyan);background:#00ffff08;text-align:center;padding:50px 20px;cursor:pointer;transition:.3s;clip-path:polygon(0 0,100% 0,100% 90%,90% 100%,0 100%);position:relative}#drop-zone:after{content:"FILE_LINK://PENDING";position:absolute;top:5px;left:10px;font-size:.6rem;color:var(--hud-cyan);opacity:.5}#drop-zone:hover{background:#00ffff1a;border-color:#fff}.drop-icon{font-size:2.5rem;color:var(--hud-cyan);margin-bottom:15px}.drop-text{font-family:var(--font-heading);color:var(--hud-cyan);font-weight:700;letter-spacing:2px}.drop-subtext{font-family:var(--font-body);font-size:.8rem;color:var(--text-secondary);margin-top:10px;text-transform:uppercase}#drop-zone img{max-width:100%;max-height:250px;display:none;margin:0 auto;border:1px solid var(--neon-cyan)}#drop-zone.has-image .drop-zone-content{display:none}#drop-zone.has-image img{display:block}.controls-section{display:flex;flex-direction:column;gap:24px;margin-top:24px}.control-group{display:flex;flex-direction:column;gap:10px}.control-label{font-family:var(--font-heading);font-size:.85rem;font-weight:600;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center;letter-spacing:.5px}.label-icon{color:var(--neon-purple);margin-right:8px}.input-row{display:flex;gap:10px}.text-input,.select-input{flex:1;background:var(--bg-primary);border:1px solid var(--hud-yellow);color:var(--hud-yellow);font-family:var(--font-heading);font-size:.85rem;padding:14px;outline:none;transition:.3s;clip-path:polygon(0 0,100% 0,100% 100%,8% 100%,0 82%)}.text-input:focus,.select-input:focus{background:#fcee0a1a;box-shadow:0 0 15px #fcee0a33}.custom-select-wrapper{position:relative;width:100%;cursor:pointer;outline:none}.custom-select-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#000;border:1px solid var(--hud-yellow);z-index:100;max-height:250px;overflow-y:auto;clip-path:polygon(0 0,100% 0,100% 95%,95% 100%,0 100%)}.custom-option{padding:12px 15px;font-family:var(--font-body);color:var(--hud-yellow);border-bottom:1px solid rgba(252,238,10,.1);transition:.2s;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.custom-option:hover,.custom-option.selected{background:var(--hud-yellow);color:#000;padding-left:20px}.btn-icon-only{background:var(--bg-input);border:1px solid var(--border-neon);color:var(--neon-violet);padding:0 16px;cursor:pointer;transition:.3s;outline:none;display:flex;align-items:center;justify-content:center}.btn-icon-only:hover,.btn-icon-only:focus{background:var(--neon-purple);color:#fff;box-shadow:var(--glow-purple)}.btn-icon-only:disabled{opacity:.5;cursor:not-allowed}#randomize-btn{border:1px solid var(--hud-yellow);background:var(--bg-input);color:var(--hud-yellow);margin-left:-5px}#randomize-btn:hover{background:var(--hud-yellow);color:#000;transform:scale(1.05);box-shadow:var(--glow-yellow);border-color:#fff}.range-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:4px;background:#fcee0a1a;outline:none;cursor:pointer}.range-input::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;background:var(--hud-red);clip-path:polygon(20% 0,100% 0,100% 80%,80% 100%,0 100%,0 20%);cursor:pointer;transition:.2s}.range-input::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.3)}.btn-primary{grid-column:1 / -1;background:var(--hud-yellow);color:#000;border:none;padding:18px;font-family:var(--font-heading);font-size:1.2rem;font-weight:900;cursor:pointer;letter-spacing:2px;transition:.2s;margin-top:15px;clip-path:polygon(10% 0,100% 0,100% 70%,90% 100%,0 100%,0 30%);position:relative;text-transform:uppercase}.btn-primary:not(:disabled):hover{background:#fff;transform:scale(1.02);box-shadow:0 0 20px var(--hud-yellow)}.btn-primary:after{content:"SYSTEM_READY";position:absolute;top:2px;right:15%;font-size:.5rem;opacity:.7}.btn-primary.processing{background:var(--hud-red);color:#fff}.btn-primary.processing .btn-icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#progress-container{margin-top:24px;border:1px solid var(--neon-cyan);padding:15px;background:#06b6d414}.progress-header{display:flex;justify-content:space-between;font-family:var(--font-heading);color:var(--neon-cyan);font-size:.9rem;margin-bottom:12px;font-weight:700}.progress-track{height:6px;background:#ffffff1a;width:100%;position:relative;overflow:hidden}.progress-bar{height:100%;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);position:absolute;left:0;top:0;transition:width .3s ease-out}#output-panel{min-height:100%;display:flex;flex-direction:column}.output-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--hud-red);margin-bottom:20px;padding-bottom:15px}.output-actions{display:flex;gap:10px}#output-preview{flex:1;background:#000;border:1px solid var(--border-hud);position:relative;overflow:auto;min-height:450px;padding:25px;clip-path:polygon(0 0,98% 0,100% 2%,100% 100%,2% 100%,0 98%)}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-icon{font-size:3.5rem;color:var(--neon-cyan);margin-bottom:20px;opacity:.5}.empty-text{font-family:var(--font-heading);color:var(--text-primary);font-weight:600;font-size:1.1rem;letter-spacing:1px;margin-bottom:8px}.empty-subtext{font-family:var(--font-heading);color:var(--text-muted);font-size:.85rem}#matrix-output{white-space:pre;font-family:JetBrains Mono,monospace;line-height:1}.terminal-glow pre{text-shadow:0 0 8px rgba(255,255,255,.4)}@keyframes bootSequence{0%{opacity:0;transform:translateY(30px) scale(.97);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.glitch-hover{position:relative}.glitch-hover:hover:before{content:attr(data-text);position:absolute;left:-2px;text-shadow:2px 0 var(--hud-red);top:0;color:var(--hud-yellow);background:var(--bg-primary);overflow:hidden;clip:rect(0,900px,0,0);animation:noise-anim .5s infinite linear alternate-reverse}@keyframes noise-anim{0%{clip:rect(10px,9999px,86px,0)}20%{clip:rect(32px,9999px,14px,0)}40%{clip:rect(61px,9999px,97px,0)}60%{clip:rect(24px,9999px,81px,0)}80%{clip:rect(98px,9999px,3px,0)}to{clip:rect(11px,9999px,49px,0)}}.hidden{display:none!important}.hud-corner-top{position:absolute;top:0;left:0;width:50px;height:4px;background:var(--hud-red);box-shadow:0 0 10px var(--hud-red)}.terminal-section:after{content:"ACCESS_GRANTED";position:absolute;bottom:5px;right:10px;font-size:.5rem;color:var(--hud-yellow);opacity:.3;letter-spacing:1px}.toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:#000;border:1px solid var(--hud-yellow);padding:15px 30px;font-family:var(--font-heading);font-weight:900;color:var(--hud-yellow);z-index:1000;opacity:0;pointer-events:none;transition:.2s cubic-bezier(.1,.9,.2,1);clip-path:polygon(0 0,100% 0,100% 100%,15px 100%,0 80%);border-left:5px solid var(--hud-red);letter-spacing:2px;text-transform:uppercase}.toast.show{opacity:1;transform:translate(-50%) translateY(-20px)}.terminal-footer{text-align:center;margin-top:40px;border-top:1px solid var(--hud-red);padding-top:30px}.hud-visitor-counter{display:inline-flex;flex-direction:column;background:#000;border:1px solid var(--hud-yellow);padding:10px 25px;position:relative;clip-path:polygon(0 0,100% 0,100% 70%,90% 100%,0 100%);min-width:200px}.counter-label{font-family:var(--font-heading);font-size:.6rem;color:var(--hud-yellow);opacity:.8;letter-spacing:1px;margin-bottom:5px;text-align:left}.digit-container{font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:900;color:var(--hud-yellow);text-shadow:0 0 10px rgba(252,238,10,.4);letter-spacing:4px}.hud-online-counter{display:inline-flex;flex-direction:column;background:#000;border:1px solid var(--hud-cyan);padding:10px 25px;position:relative;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,0 30%);min-width:180px}.online-label{font-family:var(--font-heading);font-size:.6rem;color:var(--hud-cyan);opacity:.8;letter-spacing:1px;margin-bottom:5px;text-align:right}.online-glow{color:var(--hud-cyan)!important;text-shadow:0 0 10px rgba(0,255,255,.4);text-align:center}.netrunner-display{display:flex;flex-direction:column;gap:15px;background:#0009;padding:15px;border:1px solid rgba(252,238,10,.15);box-shadow:inset 0 0 20px #00000080}.netrunner-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative}.netrunner-item:not(:last-child):after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(252,238,10,.1),transparent)}.netrunner-label{font-family:var(--font-mono);font-size:.8rem;color:var(--hud-yellow);opacity:1;letter-spacing:1px;font-weight:500;text-transform:none}.netrunner-value{font-family:var(--font-mono);font-size:1.6rem;font-weight:800;letter-spacing:2px}.yellow-glow{color:var(--hud-yellow);text-shadow:0 0 10px rgba(252,238,10,.3)}.cyan-glow{color:var(--hud-cyan);text-shadow:0 0 10px rgba(0,255,255,.3)}#netrunner-panel{padding:30px}#ads-panel{display:flex;flex-direction:column;height:100%}.ads-container{display:flex;flex-direction:column;gap:15px;flex:1;min-height:0}.ad-banner{flex:1;display:flex;flex-direction:column;background:#0006;border:1px solid var(--hud-border);overflow:hidden;position:relative;min-height:0}.ad-banner-frame{flex:1;position:relative;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center;min-height:0}.ad-banner-frame>*{width:100%;height:100%;object-fit:cover;border:none}.ad-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(#0000 50%,#0000001a 50.5%),linear-gradient(90deg,#ff000005,#00ffff05);background-size:100% 2px,3px 100%}.ad-banner-scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.05) 50%,transparent);background-size:100% 400%;animation:scanline_move 8s linear infinite;pointer-events:none}@keyframes scanline_move{0%{background-position:0 0}to{background-position:0 400%}}.ad-blocked-warning{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ff003c0d;border:1px dashed var(--hud-red);padding:15px;text-align:center;position:relative;overflow:hidden}.ad-blocked-warning:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,0,60,.1) 2px,rgba(255,0,60,.1) 4px);pointer-events:none;animation:scanline-scroll 10s linear infinite}.ad-blocked-title{color:var(--hud-red);font-family:var(--font-heading);font-size:.9rem;font-weight:800;letter-spacing:2px;margin-bottom:8px;text-shadow:0 0 10px rgba(255,0,60,.5);animation:text-flicker 3s infinite}.ad-blocked-msg{font-size:.65rem;color:#fff9;font-family:Space Mono,monospace;line-height:1.4}@keyframes text-flicker{0%,to{opacity:1}5%{opacity:.8}10%{opacity:1}12%{opacity:.9}15%{opacity:1}70%{opacity:1}71%{opacity:.2}72%{opacity:1}75%{opacity:.8}77%{opacity:1}}@keyframes scanline-scroll{0%{background-position:0 0}to{background-position:0 100%}}.glitch-flash{animation:ad-glitch-swap .4s steps(2)}@keyframes ad-glitch-swap{0%{filter:hue-rotate(90deg) brightness(2);transform:translate(-5px)}50%{filter:invert(1) grayscale(1);transform:translate(5px)}to{filter:none;transform:none}}#netrunner-panel .panel-title{margin-top:5px;margin-bottom:20px}.cyber-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020205d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.cyber-modal-overlay.active{opacity:1;pointer-events:auto}.cyber-modal{width:95%;max-width:650px;background:var(--hud-yellow);color:#000;padding:60px;position:relative;clip-path:polygon(0 0,100% 0,100% 90%,95% 100%,0 100%);border-left:12px solid #000;box-shadow:20px 20px #0006;transform:translateY(20px) scale(.95);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;min-height:350px}.cyber-modal-overlay.active .cyber-modal{transform:translateY(0) scale(1);animation:modal-glitch-in .5s steps(2)}.modal-header{font-family:var(--font-heading);font-size:clamp(.9rem,4vw,1.2rem);font-weight:900;letter-spacing:-.5px;text-transform:uppercase;margin-bottom:25px;border-bottom:2px solid #000;padding-bottom:15px;display:flex;align-items:center;gap:20px;word-break:break-all;line-height:1.1}.modal-logo{flex-shrink:0;width:60px;height:60px;background:#000;padding:5px;clip-path:polygon(20% 0%,80% 0%,100% 20%,100% 80%,80% 100%,20% 100%,0% 80%,0% 20%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #ff003c66}.cyber-shield-logo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 5px rgba(255,0,60,.8))}.modal-body{font-family:Space Mono,monospace;font-size:.85rem;line-height:1.6;margin-bottom:30px;font-weight:600}.modal-actions{display:flex;gap:15px;justify-content:flex-end;align-items:center;margin-top:30px}.cyber-modal-btn{background:#000;color:var(--hud-yellow);border:none;padding:12px 30px;font-family:var(--font-heading);font-weight:800;font-size:.9rem;cursor:pointer;text-transform:uppercase;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);transition:all .2s ease;display:inline-block;text-decoration:none;width:fit-content}.eddies-btn{background:var(--hud-red);color:#fff;font-size:.85rem;border-left:4px solid #000}.cyber-modal-btn:hover{background:#222;transform:scale(1.05) skew(-5deg);box-shadow:-5px 0 0 var(--hud-red)}.eddies-btn:hover{background:#ff2b56;box-shadow:-5px 0 #000}@keyframes modal-glitch-in{0%{transform:translate(-20px,10px) skew(20deg);opacity:0;filter:invert(1)}20%{transform:translate(15px,-5px) skewY(-10deg);opacity:1;filter:none}40%{transform:translate(-10px) skew(-15deg)}60%{transform:translate(5px,2px) skewY(5deg)}to{transform:translate(0) skew(0)}}