@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";
:root{--background:#000;--surface:#0d1515;--surface-dim:#0d1515;--surface-bright:#323b3b;--surface-container-lowest:#081010;--surface-container-low:#151d1d;--surface-container:#192121;--surface-container-high:#232b2c;--surface-container-highest:#2e3637;--on-surface:#dce4e4;--on-surface-variant:#b9caca;--inverse-surface:#dce4e4;--inverse-on-surface:#2a3232;--outline:#849495;--outline-variant:#3a494a;--border-glass:#1e1e1e;--primary:#e9feff;--on-primary:#003739;--primary-container:#00f5ff;--on-primary-container:#006c71;--inverse-primary:#00696e;--primary-fixed:#63f7ff;--primary-fixed-dim:#00dce5;--on-primary-fixed:#002021;--on-primary-fixed-variant:#004f53;--surface-tint:#00dce5;--secondary:#d2bbff;--on-secondary:#3f008e;--secondary-container:#6001d1;--on-secondary-container:#c9aeff;--secondary-fixed:#eaddff;--secondary-fixed-dim:#d2bbff;--on-secondary-fixed:#25005a;--on-secondary-fixed-variant:#5a00c6;--tertiary:#fff9f0;--on-tertiary:#3a3000;--tertiary-container:#ffdb3f;--on-tertiary-container:#736000;--tertiary-fixed:#ffe16c;--tertiary-fixed-dim:#e7c427;--on-tertiary-fixed:#221b00;--on-tertiary-fixed-variant:#544600;--error:#ffb4ab;--on-error:#690005;--error-container:#93000a;--on-error-container:#ffdad6;--surface-variant:#2e3637}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:Inter,sans-serif;font-size:16px;line-height:1.6}.font-space{font-family:Space Grotesk,sans-serif}.font-inter{font-family:Inter,sans-serif}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;vertical-align:middle;font-family:Material Symbols Outlined,sans-serif;line-height:1;font-size:inherit;display:inline-block}.glass-card{-webkit-backdrop-filter:blur(12px);background:#0a0a0a99;border:1px solid #1e1e1e}.glow-border-cyan{border:1px solid var(--primary-container);box-shadow:0 0 20px #00f5ff33,inset 0 0 20px #00f5ff0d}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-variant);border-radius:9999px}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}@keyframes cyanPulse{0%,to{transform:scale(1);box-shadow:0 0 40px #00f5ff80,0 0 80px #00f5ff33}50%{transform:scale(1.08);box-shadow:0 0 80px #00f5ffcc,0 0 160px #00f5ff59}}@keyframes violetPulse{0%,to{box-shadow:inset 0 0 60px #7c3aed,0 0 20px #7c3aed80}50%{box-shadow:inset 0 0 80px #7c3aed,0 0 60px #7c3aedcc}}@keyframes sonarPing{0%{opacity:.6;transform:scale(1)}80%,to{opacity:0;transform:scale(1.35)}}@keyframes sonarPingSlow{0%{opacity:.4;transform:scale(1)}80%,to{opacity:0;transform:scale(1.25)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinDash{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}@keyframes waveA{0%,to{height:12px}25%{height:48px}75%{height:20px}}@keyframes waveB{0%,to{height:20px}40%{height:80px}70%{height:16px}}@keyframes waveC{0%,to{height:32px}30%{height:8px}60%{height:128px}}@keyframes waveD{0%,to{height:16px}50%{height:64px}}@keyframes waveE{0%,to{height:40px}35%{height:96px}65%{height:24px}}@keyframes waveF{0%,to{height:10px}45%{height:56px}}@keyframes waveG{0%,to{height:14px}55%{height:40px}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.anim-breathe{animation:3s ease-in-out infinite breathe}.anim-cyan-pulse{animation:2.5s ease-in-out infinite cyanPulse}.anim-violet-pulse{animation:2s ease-in-out infinite violetPulse}.anim-sonar{animation:2s cubic-bezier(0,0,.2,1) infinite sonarPing}.anim-sonar-slow{animation:2.8s cubic-bezier(0,0,.2,1) .5s infinite sonarPingSlow}.anim-spin-slow{animation:12s linear infinite spin}.anim-spin-dash{animation:10s linear infinite spinDash}.anim-blink{animation:1.4s ease-in-out infinite blink}.anim-fade-in{animation:.5s ease-out both fadeIn}.anim-wave-a{animation:1.1s ease-in-out infinite waveA}.anim-wave-b{animation:.9s ease-in-out infinite waveB}.anim-wave-c{animation:1.3s ease-in-out infinite waveC}.anim-wave-d{animation:1s ease-in-out infinite waveD}.anim-wave-e{animation:1.2s ease-in-out .15s infinite waveE}.anim-wave-f{animation:.8s ease-in-out .1s infinite waveF}.anim-wave-g{animation:1.05s ease-in-out .2s infinite waveG}
