:root{--bg-primary: #090b0f;--bg-surface: rgba(17, 21, 29, .72);--bg-surface-solid: #11151d;--glass-border: rgba(255, 255, 255, .09);--glass-highlight: rgba(255, 255, 255, .04);--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--accent-cyan: #4dd7e8;--accent-blue: #7aa7ff;--accent-cyan-rgb: 77, 215, 232;--accent-magenta: #f06aa5;--accent-purple: #7000ff;--accent-green: #39ff14;--gradient-cyber: linear-gradient(135deg, #58dceb 0%, #7aa7ff 100%);--gradient-coral: linear-gradient(135deg, #f857a6 0%, #ff5858 100%);--gradient-dark: linear-gradient(180deg, #0e1118 0%, #06080c 100%);--shadow-glow-cyan: 0 0 20px rgba(77, 215, 232, .24);--shadow-glow-magenta: 0 0 20px rgba(240, 106, 165, .22);--shadow-hud: 0 22px 56px rgba(0, 0, 0, .34);--font-primary: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}:root[data-theme=light]{--bg-primary: #f5f7fb;--bg-surface: rgba(255, 255, 255, .82);--bg-surface-solid: #ffffff;--glass-border: rgba(15, 23, 42, .12);--glass-highlight: rgba(255, 255, 255, .68);--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-muted: #64748b;--accent-cyan: #0891b2;--accent-blue: #2563eb;--accent-cyan-rgb: 8, 145, 178;--accent-magenta: #db2777;--accent-purple: #7c3aed;--accent-green: #16a34a;--gradient-cyber: linear-gradient(135deg, #06b6d4 0%, #2563eb 100%);--gradient-coral: linear-gradient(135deg, #db2777 0%, #ef4444 100%);--gradient-dark: linear-gradient(180deg, #ffffff 0%, #eef2f7 100%);--shadow-glow-cyan: 0 0 22px rgba(8, 145, 178, .22);--shadow-glow-magenta: 0 0 22px rgba(219, 39, 119, .2);--shadow-hud: 0 18px 44px rgba(15, 23, 42, .13)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background-color:var(--bg-primary);background-image:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 34%),linear-gradient(135deg,rgba(77,215,232,.08) 0%,transparent 36%),linear-gradient(315deg,rgba(122,167,255,.07) 0%,transparent 40%);color:var(--color-text-primary);font-family:var(--font-primary);min-height:100%;line-height:1.5;-webkit-font-smoothing:antialiased}:root[data-theme=light] body{background-image:linear-gradient(180deg,rgba(255,255,255,.8) 0%,transparent 34%),linear-gradient(135deg,rgba(37,99,235,.08) 0%,transparent 38%),linear-gradient(315deg,rgba(8,145,178,.08) 0%,transparent 42%)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0c1080}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}.glass-panel{background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-hud)}.glass-panel-glow{background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,242,254,.15);border-radius:20px;box-shadow:var(--shadow-glow-cyan),var(--shadow-hud)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(.95);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.08);opacity:.3}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}@keyframes soundwave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1.1)}}@keyframes cyber-scan{0%{top:0%;opacity:.1}50%{opacity:.6}to{top:100%;opacity:.1}}@keyframes rotate-glowing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink-caret{0%,45%{opacity:1}46%,to{opacity:0}}.floating-element{animation:float 6s ease-in-out infinite}.pulsing-ring{display:none;position:absolute;top:50%;left:50%;transform-origin:center center;translate:-50% -50%;border:1px solid rgba(var(--accent-cyan-rgb),.52);border-radius:50%;animation:pulse-ring 3.6s cubic-bezier(.215,.61,.355,1) infinite;pointer-events:none;z-index:0}.cyber-scanner{display:none;position:absolute;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--accent-cyan-rgb),.72),transparent);box-shadow:0 0 8px rgba(var(--accent-cyan-rgb),.38);animation:cyber-scan 5.5s linear infinite;pointer-events:none;z-index:2}.waveform-container{display:flex;align-items:center;gap:3px;height:40px}.waveform-bar{width:4px;height:100%;background:var(--gradient-cyber);border-radius:2px;animation:soundwave 1.2s ease-in-out infinite;transform-origin:center}.btn-cyber{background:var(--gradient-cyber);border:none;color:#000;font-family:var(--font-primary);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:12px 24px;border-radius:30px;cursor:pointer;box-shadow:0 4px 15px #00f2fe66;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;align-items:center;gap:8px}.btn-cyber:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-cyan);color:#000;filter:brightness(1.1)}.btn-cyber:active{transform:translateY(1px)}.btn-cyber-outline{background:transparent;border:1px solid var(--accent-cyan);color:var(--color-text-primary);font-family:var(--font-primary);font-weight:600;padding:12px 24px;border-radius:30px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-cyber-outline:hover{background:#00f2fe14;box-shadow:0 0 15px #00f2fe33;border-color:var(--accent-cyan)}.btn-cyber-danger{background:var(--gradient-coral);border:none;color:#fff;font-family:var(--font-primary);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:12px 24px;border-radius:30px;cursor:pointer;box-shadow:0 4px 15px #f857a666;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-cyber-danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-magenta);filter:brightness(1.1)}