@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Oxanium:wght@300;400;500;600;700&family=Share+Tech+Mono&family=Inter:wght@700&display=swap";
:root{--shield-blue:#00d4ff;--ultron-red:#f03;--dark-bg:#0a0e27;--panel-bg:#0f192db3;--border-color:#00d4ff4d;--glass-bg:#ffffff08}body{background:var(--dark-bg);color:var(--shield-blue);min-height:100vh;margin:0;font-family:Orbitron,sans-serif;position:relative;overflow-x:hidden}@keyframes gridScroll{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes scanlineMove{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes noiseAnim{0%,to{opacity:.03}50%{opacity:.06}}@keyframes alarmPulse{0%,to{opacity:0}50%{opacity:.15}}@keyframes scanline{0%{left:-100%}to{left:100%}}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes glitchText{0%,90%,to{opacity:1;transform:translate(0)}92%{opacity:.8;transform:translate(-2px,2px)}94%{opacity:.8;transform:translate(2px,-2px)}96%{opacity:.8;transform:translate(-2px,-2px)}}@keyframes fadeInLine{to{opacity:1}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-5px,5px)}30%{transform:translate(-5px,-5px)}50%{transform:translate(-5px,5px)}70%{transform:translate(-5px,-5px)}90%{transform:translate(-5px,5px)}}@keyframes successPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.3}}.grid-background{z-index:0;background-image:linear-gradient(#00d4ff08 1px,#0000 1px),linear-gradient(90deg,#00d4ff08 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;animation:20s linear infinite gridScroll;position:fixed;top:0;left:0}.scanlines{pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#00000026,#00000026 1px,#0000 1px 2px);width:100%;height:100%;animation:8s linear infinite scanlineMove;position:fixed;top:0;left:0}.noise{opacity:.03;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;animation:.2s infinite noiseAnim;position:fixed;top:0;left:0}.alarm-overlay{background:var(--ultron-red);opacity:0;pointer-events:none;z-index:9998;width:100%;height:100%;position:fixed;top:0;left:0}.alarm-overlay.active{animation:1s infinite alarmPulse}.container{z-index:10;max-width:1400px;min-height:100vh;margin:0 auto;padding:20px;position:relative}.shake{animation:.5s screenShake}.header{text-align:center;border-bottom:2px solid var(--border-color);background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;margin-bottom:30px;padding:30px 0;position:relative;overflow:hidden}.header:before{content:"";background:linear-gradient(90deg,transparent,var(--shield-blue),transparent);width:100%;height:2px;animation:3s infinite scanline;position:absolute;top:0;left:-100%}.shield-logo{letter-spacing:8px;text-shadow:0 0 20px var(--shield-blue);margin-bottom:10px;font-size:2.5rem;font-weight:900}.project-name{letter-spacing:4px;opacity:.8;font-size:1.2rem}.satellite-progress{background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--ultron-red);z-index:1000;border-radius:8px;width:300px;padding:15px;position:fixed;top:20px;right:20px;box-shadow:0 0 30px #ff00334d}.progress-label{color:var(--ultron-red);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;font-size:.9rem}.progress-label.glitch{animation:3s infinite glitchText}.progress-bar{background:#00000080;border-radius:10px;width:100%;height:20px;position:relative;overflow:hidden}.progress-fill{height:100%;box-shadow:0 0 20px var(--ultron-red);background:linear-gradient(90deg,#f03,#f35);transition:width .5s;animation:1s infinite progressPulse}.progress-text{color:#fff;text-shadow:0 0 5px #000;font-family:Share Tech Mono,monospace;font-size:.8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:15px;margin:20px 0;padding:40px;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080}.panel:before{content:"";background:linear-gradient(90deg,transparent,var(--shield-blue),transparent);height:1px;position:absolute;top:0;left:0;right:0}.cinematic-text{text-align:center;letter-spacing:2px;font-family:Share Tech Mono,monospace;font-size:1.5rem;line-height:2.5}.cinematic-line{opacity:0;animation:1s forwards fadeInLine}.btn{border:1px solid var(--shield-blue);color:var(--shield-blue);letter-spacing:4px;cursor:pointer;text-transform:uppercase;background:0 0;border-radius:4px;margin:10px;padding:15px 40px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:hover{background:#00d4ff1a;transform:translateY(-1px);box-shadow:0 0 20px #00d4ff66}.btn-danger{border-color:var(--ultron-red);color:var(--ultron-red)}.btn-danger:hover{background:#ff00331a;box-shadow:0 0 20px #f036}.input-field{border:2px solid var(--shield-blue);color:var(--shield-blue);text-align:center;letter-spacing:5px;background:#00000080;border-radius:5px;width:300px;padding:15px;font-family:Share Tech Mono,monospace;font-size:1.2rem;transition:all .3s}.terminal-prompt{white-space:pre-wrap;border-left:4px solid var(--shield-blue);background:#00000080;border-radius:5px;margin:20px 0;padding:20px;font-family:Share Tech Mono,monospace;font-size:1.1rem;line-height:1.8}