:root{--bg-page: #0A0B0D;--bg-panel: rgba(13, 17, 26, .9);--bg-panel-hover: rgba(20, 26, 38, .95);--hud-cyan: #7FDBFF;--hud-cyan-bright: #00E5FF;--hud-cyan-glow: rgba(0, 229, 255, .35);--hud-amber: #FF9F1C;--hud-amber-bright: #FFB84D;--hud-amber-glow: rgba(255, 159, 28, .35);--border-cyan: rgba(0, 229, 255, .3);--border-amber: rgba(255, 159, 28, .4);--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-muted: #64748b;--font-mono: "Share Tech Mono", monospace;--font-heading: "Share Tech Mono", monospace;--font-body: "Share Tech Mono", monospace;--font-code: "Share Tech Mono", monospace;--transition-fast: all .15s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-body)}body{background-color:var(--bg-page);background-image:radial-gradient(at 0% 0%,rgba(0,229,255,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(255,159,28,.08) 0px,transparent 50%);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:" ";display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%),repeating-linear-gradient(90deg,rgba(0,229,255,.02) 0,rgba(0,229,255,.02) 1px,transparent 1px,transparent 40px);z-index:999;background-size:100% 3px,40px 100%;pointer-events:none;opacity:.85}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-primary)}.hud-panel,.glass-panel,.holo-panel,.card-panel{background:var(--bg-panel);border:1px solid var(--border-cyan);position:relative;transition:var(--transition-fast)}.hud-panel:before,.glass-panel:before,.holo-panel:before,.card-panel:before{content:"";position:absolute;top:-1px;left:-1px;width:8px;height:8px;border-top:2px solid var(--hud-cyan-bright);border-left:2px solid var(--hud-cyan-bright);pointer-events:none}.hud-panel:after,.glass-panel:after,.holo-panel:after,.card-panel:after{content:"";position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-bottom:2px solid var(--hud-cyan-bright);border-right:2px solid var(--hud-cyan-bright);pointer-events:none}.hud-panel:hover,.glass-panel:hover,.holo-panel:hover,.card-panel:hover{background:var(--bg-panel-hover);border-color:var(--hud-cyan-bright);box-shadow:0 0 20px var(--hud-cyan-glow)}.hud-panel-amber{border-color:var(--border-amber)}.hud-panel-amber:before{border-top-color:var(--hud-amber);border-left-color:var(--hud-amber)}.hud-panel-amber:after{border-bottom-color:var(--hud-amber);border-right-color:var(--hud-amber)}.hud-panel-amber:hover{border-color:var(--hud-amber-bright);box-shadow:0 0 20px var(--hud-amber-glow)}.text-cyan{color:var(--hud-cyan-bright)}.text-amber{color:var(--hud-amber-bright)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.btn-hud-cyan,.btn-primary,.btn-primary-cta,.btn-cyber-primary{background:#00e5ff1f;color:var(--hud-cyan-bright);border:1px solid var(--hud-cyan-bright);padding:10px 24px;font-family:var(--font-mono);font-weight:700;font-size:.85rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));transition:var(--transition-fast)}.btn-hud-cyan:before,.btn-primary:before,.btn-primary-cta:before,.btn-cyber-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,229,255,.4),transparent);transition:all .3s ease}.btn-hud-cyan:hover:before,.btn-primary:hover:before,.btn-primary-cta:hover:before,.btn-cyber-primary:hover:before{left:100%}.btn-hud-cyan:hover,.btn-primary:hover,.btn-primary-cta:hover,.btn-cyber-primary:hover{background:var(--hud-cyan-bright);color:#0a0b0d;box-shadow:0 0 20px var(--hud-cyan-glow)}.btn-hud-amber,.btn-secondary,.btn-cyber-secondary{background:#ff9f1c1f;color:var(--hud-amber-bright);border:1px solid var(--hud-amber);padding:10px 24px;font-family:var(--font-mono);font-weight:700;font-size:.85rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));transition:var(--transition-fast)}.btn-hud-amber:hover,.btn-secondary:hover,.btn-cyber-secondary:hover{background:var(--hud-amber);color:#0a0b0d;box-shadow:0 0 20px var(--hud-amber-glow)}.form-input{background:#0a0b0df2;border:1px solid var(--border-cyan);color:var(--hud-cyan-bright);padding:10px 14px;font-family:var(--font-mono);font-size:.88rem;width:100%;transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--hud-cyan-bright);box-shadow:0 0 12px var(--hud-cyan-glow)}.tag-gap-critical{background:#ff9f1c38;border:1px solid var(--hud-amber);color:var(--hud-amber-bright);padding:5px 12px;font-size:.78rem;font-weight:700;letter-spacing:1px}.tag-gap-secondary{background:#ff9f1c0d;border:1px solid rgba(255,159,28,.4);color:var(--hud-amber);padding:5px 12px;font-size:.78rem;font-weight:700;letter-spacing:1px}.tag-acquired{background:#00e5ff1a;border:1px solid var(--border-cyan);color:var(--hud-cyan-bright);padding:5px 12px;font-size:.78rem;font-weight:700;letter-spacing:1px}@keyframes telemetry-blink{0%,to{opacity:1}50%{opacity:.25}}.telemetry-dot{width:7px;height:7px;border-radius:50%;display:inline-block;animation:telemetry-blink 1.4s infinite}.telemetry-dot-cyan{background:var(--hud-cyan-bright);box-shadow:0 0 8px var(--hud-cyan-bright)}.telemetry-dot-amber{background:var(--hud-amber);box-shadow:0 0 8px var(--hud-amber)}.sec-callout{font-size:.75rem;letter-spacing:2px;color:var(--hud-cyan-bright);text-transform:uppercase}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:#00e5ff59}::-webkit-scrollbar-thumb:hover{background:var(--hud-cyan-bright)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animation-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}
