:root{--bfl-navy-dark:#024;--bfl-navy:#00338d;--bfl-blue:#00338d;--bfl-blue-hover:#002870;--bfl-blue-light:#eff6ff;--bfl-blue-subtle:#dbeafe;--bfl-surface:#fff;--bfl-surface-subtle:#f8fafc;--bfl-card:#fff;--bfl-card-hover:#f1f5f9;--bfl-orange:#f60;--bfl-orange-hover:#e65c00;--bfl-orange-light:#fff7ed;--bfl-orange-glow:#ff66004d;--croma-teal:#0284c7;--croma-teal-dark:#0369a1;--croma-teal-light:#e0f2fe;--croma-teal-glow:#0284c733;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#fff;--status-success:#059669;--status-success-bg:#ecfdf5;--status-success-border:#a7f3d0;--status-warning:#d97706;--status-warning-bg:#fffbeb;--status-warning-border:#fde68a;--status-error:#dc2626;--status-error-bg:#fef2f2;--status-error-border:#fecaca;--status-info:#0284c7;--status-info-bg:#eff6ff;--status-info-border:#bfdbfe;--border-subtle:#e2e8f0;--border-card:#cbd5e1;--border-orange:#f60;--border-blue:#00338d;--border-teal:#0284c7;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 12px -2px #00338d14, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 25px -3px #00338d1f, 0 4px 6px -4px #0000000d;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-main);background-color:#edf2f7;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}.btn-primary-orange{color:#fff;width:100%;font-family:var(--font-heading);cursor:pointer;background:linear-gradient(135deg,#f60 0%,#ff7a1a 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:.98rem;font-weight:700;transition:all .2s ease-in-out;display:flex;box-shadow:0 4px 16px #ff660059}.btn-primary-orange:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ff660073}.btn-primary-orange:active:not(:disabled){transform:translateY(1px)}.btn-primary-orange:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-primary-blue{color:#fff;width:100%;font-family:var(--font-heading);cursor:pointer;background:linear-gradient(135deg,#00338d 0%,#004f9f 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:.98rem;font-weight:700;transition:all .2s ease-in-out;display:flex;box-shadow:0 4px 16px #00338d40}.btn-primary-blue:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #00338d59}.btn-primary-blue:active:not(:disabled){transform:translateY(1px)}.btn-primary-blue:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}@keyframes pulseGlow{0%{box-shadow:0 0 #f609}70%{box-shadow:0 0 0 16px #f600}to{box-shadow:0 0 #f600}}@keyframes pulseMic{0%{filter:drop-shadow(0 0 8px #00e5ff66);transform:scale(1)}50%{filter:drop-shadow(0 0 20px #00e5ffcc);transform:scale(1.06)}to{filter:drop-shadow(0 0 8px #00e5ff66);transform:scale(1)}}@keyframes soundWave{0%,to{height:6px}50%{height:24px}}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-pulse-mic{animation:2s ease-in-out infinite pulseMic}.animate-pulse-glow{animation:2s infinite pulseGlow}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeInSlideUp}