@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-color:#0f172a;--text-color:#f8fafc;--text-muted:#94a3b8;--glass-bg:#1e293b99;--glass-border:#ffffff1a;--primary-color:#3b82f6;--primary-glow:#3b82f680;--secondary-color:#8b5cf6;--danger-color:#ef4444;--success-color:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(circle at 15%,#3b82f626,#0000 25%),radial-gradient(circle at 85% 30%,#8b5cf626,#0000 25%);background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0000004d}input,select{border:1px solid var(--glass-border);width:100%;color:var(--text-color);background:#0f172a99;border-radius:8px;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:16px;transition:all .3s}input:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-glow)}select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}button{cursor:pointer;border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:600;transition:all .2s}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;padding:12px 24px;font-size:16px;box-shadow:0 4px 15px #3b82f666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.btn-primary:active{transform:translateY(0)}h1{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}p{color:var(--text-muted);line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s forwards fadeIn}@keyframes pulseGlow{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.recording-indicator{animation:2s infinite pulseGlow}@media (max-width:600px){.hide-on-mobile{display:none!important}}.hero-title{letter-spacing:-1.5px;color:#fff;margin-bottom:20px;font-size:4rem;font-weight:800;line-height:1.2}@media (max-width:768px){.hero-title{letter-spacing:-.5px;font-size:2.1rem;line-height:1.3}}.hero-logo{object-fit:contain;width:auto;height:70px}@media (max-width:768px){.hero-logo{width:350px;max-width:100%;height:auto}}.section-title{text-align:center;font-size:2.5rem}@media (max-width:768px){.section-title{font-size:2.1rem}}.chat-header-grid{justify-content:space-between;align-items:center;display:flex}.chat-header-left{align-items:center;gap:16px;display:flex}.chat-header-right{align-items:center;gap:15px;display:flex}@media (max-width:600px){.chat-header-grid{grid-template-rows:auto auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:12px 8px;display:grid;box-sizing:border-box!important;width:100%!important;padding:15px 12px!important}.chat-header-left,.chat-header-right{display:contents}.header-logo{grid-area:1/1}.header-fontsize{grid-area:1/2;justify-self:end;margin-right:4px;padding:2px 6px!important}.header-fontsize button{padding:2px 6px!important;font-size:.85rem!important}.header-listening{grid-area:1/3;justify-self:end;padding:4px 8px!important;font-size:.75rem!important}.header-status{grid-area:2/1;place-self:center}.header-language{grid-area:2/2/auto/span 2;justify-self:end;width:80%;min-width:160px}.header-language button{justify-content:center!important;width:100%!important;font-size:.8rem!important}.header-actions-mobile{grid-area:3/1/auto/-1;width:100%}}@keyframes drawUnderline{0%{background-size:0% 100%}to{background-size:100% 100%}}.animated-underline{background-image:linear-gradient(transparent 75%, var(--primary-color) 75%, var(--primary-glow) 100%);color:#fff;background-position:0 100%;background-repeat:no-repeat;background-size:0% 100%;padding-bottom:2px;font-weight:600;animation:1.5s cubic-bezier(.25,1,.5,1) .5s forwards drawUnderline;display:inline}.dashboard-layout{flex:1;gap:30px;width:100%;max-width:1200px;margin:0 auto;padding:30px;display:flex}@media (max-width:768px){.dashboard-layout{flex-direction:column;padding:15px}.dashboard-layout>div{width:100%;flex:none!important}.dashboard-header-responsive{flex-direction:column;gap:15px;align-items:stretch!important;padding:15px 20px!important}.dashboard-header-logo{justify-content:center;width:100%}.dashboard-header-actions{flex-wrap:wrap;width:100%;justify-content:center!important;gap:12px!important}.dashboard-header-btn{flex:1;min-width:130px;padding:10px 0!important}}