@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg:#03050d;--bg-2:#060912;--bg-card:#050916e0;--bg-card-hover:#060b1af2;--cyan:#00d4ff;--cyan-bright:#4eedff;--cyan-mid:#00d4ff80;--cyan-glow:#00d4ff38;--cyan-border:#00d4ff2e;--cyan-dim:#00d4ff0f;--cyan-pulse:#00d4ff59;--green:#00f5a0;--green-glow:#00f5a040;--gold:#ffb930;--gold-glow:#ffb93040;--purple:#a78bfa;--purple-glow:#a78bfa40;--red:#ff4d6d;--red-glow:#ff4d6d33;--text:#c8e8ff;--text-muted:#3d5875;--text-dim:#3d587599;--text-bright:#e8f6ff;--border:#00d4ff1a;--border-mid:#00d4ff33;--font-heading:"Playfair Display", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00d4ff2e;border-radius:2px}body{background-color:var(--bg);background-image:radial-gradient(80% 50% at 50% 0,#00d4ff0d 0%,#0000 70%),radial-gradient(#00d4ff0e 1px,#0000 1px);background-size:100% 100%,32px 32px;background-attachment:fixed}.hud-card{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);border-radius:3px;transition:border-color .25s,box-shadow .25s;position:relative;overflow:visible}.hud-card:before,.hud-card:after{content:"";z-index:2;pointer-events:none;border-style:solid;border-color:#00d4ff73;width:10px;height:10px;position:absolute}.hud-card:before{border-width:1.5px 0 0 1.5px;top:-1px;left:-1px}.hud-card:after{border-width:0 1.5px 1.5px 0;bottom:-1px;right:-1px}.hud-card:hover{border-color:#00d4ff38;box-shadow:0 0 40px #00d4ff0a,inset 0 1px #00d4ff0f}.hud-corner-tr{pointer-events:none;z-index:2;border-top:1.5px solid #00d4ff73;border-right:1.5px solid #00d4ff73;width:10px;height:10px;position:absolute;top:-1px;right:-1px}.hud-corner-bl{pointer-events:none;z-index:2;border-bottom:1.5px solid #00d4ff73;border-left:1.5px solid #00d4ff73;width:10px;height:10px;position:absolute;bottom:-1px;left:-1px}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dot.online{background:var(--green);box-shadow:0 0 6px var(--green-glow);animation:2s ease-in-out infinite pulse-green}.status-dot.offline{background:var(--text-muted)}.status-dot.cyan{background:var(--cyan);box-shadow:0 0 6px var(--cyan-glow);animation:2s ease-in-out infinite pulse-cyan}@keyframes pulse-cyan{0%,to{opacity:1;box-shadow:0 0 6px #00d4ff80}50%{opacity:.5;box-shadow:0 0 14px #00d4ffe6}}@keyframes pulse-green{0%,to{opacity:1;box-shadow:0 0 6px #00f5a080}50%{opacity:.6;box-shadow:0 0 14px #00f5a0e6}}@keyframes yuni-glow{0%,to{filter:drop-shadow(0 0 6px #00d4ff99)}50%{filter:drop-shadow(0 0 22px #00d4fff2)}}@keyframes dot-blink{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes scan-sweep{0%{top:-2px}to{top:100%}}@keyframes energy-sweep{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes charge-pulse{0%,to{opacity:.3;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.02)}}@keyframes float-anim{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes hud-flicker{0%,95%,to{opacity:1}96%{opacity:.7}98%{opacity:.5}99%{opacity:1}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes data-stream{0%{transform:translateY(0)}to{transform:translateY(-50%)}}