@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes scan{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes dataUpdate{0%{transform:scale(1);box-shadow:0 10px 25px var(--cyan-alpha-medium)}50%{transform:scale(1.01);box-shadow:0 15px 35px var(--cyan-alpha-strong)}to{transform:scale(1);box-shadow:0 10px 25px var(--cyan-alpha-medium)}}@keyframes typingAnimation{0%,60%,to{opacity:.3}30%{opacity:1}}@keyframes recordingPulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #ff44444d}50%{transform:scale(1.1);box-shadow:0 8px 30px #ff444480}}@keyframes voiceWave{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}@keyframes fabPulse{0%,to{box-shadow:0 4px 20px var(--cyan-alpha-strong)}50%{box-shadow:0 4px 20px #0ffc,0 0 0 10px var(--cyan-alpha-light)}}@keyframes authSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.glass-effect{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur-md);border:1px solid var(--glass-border)}.glass-effect-light{background:var(--glass-bg-light);backdrop-filter:var(--backdrop-blur-md);border:1px solid var(--glass-border-light)}.hover-lift{transition:var(--transition-normal)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-lift-cyan:hover{box-shadow:0 10px 30px var(--cyan-alpha-strong)}.hover-lift-blue:hover{box-shadow:0 10px 30px var(--blue-alpha-strong)}.text-gradient-primary{background:var(--text-gradient-primary);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}.text-gradient-cyan{background:var(--text-gradient-cyan);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}.scan-line:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan-alpha-medium),transparent);animation:scan 6s linear infinite}.rotating-glow:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,var(--cyan-alpha-light) 0%,transparent 70%);pointer-events:none;opacity:.6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);margin:0;padding:var(--spacing-lg);background:var(--bg-gradient-primary);min-height:100vh;line-height:1.6;color:var(--text-primary);overflow-x:hidden}.header{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur-md);color:var(--text-primary);padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-lg);border:1px solid var(--glass-border);position:relative;overflow:visible;z-index:100}.header:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan-alpha-medium),transparent);animation:scan 6s linear infinite}.nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);position:relative;z-index:200}.nav h1{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);background:var(--text-gradient-primary);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}.btn{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur-md);color:var(--primary-cyan);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);transition:var(--transition-normal);border:1px solid var(--cyan-alpha-strong);cursor:pointer;font-size:var(--font-size-sm);display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap;min-width:fit-content;min-height:40px;position:relative;overflow:hidden;line-height:var(--line-height-none)!important}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-height:32px}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);min-height:48px}.nav-buttons{display:flex;gap:var(--spacing-md);flex-wrap:nowrap;overflow-x:hidden;padding:var(--spacing-xs) 0 0 1px;margin-right:0;align-items:center!important}.nav-btn{padding:var(--spacing-sm) var(--spacing-xl)!important;min-width:120px}.dropdown-menu-right{left:auto;right:0}.nav-separator{width:1px;height:24px;background:var(--border-secondary);margin:0 var(--spacing-sm);opacity:.5}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--cyan-alpha-medium),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px var(--cyan-alpha-strong);color:var(--text-primary);text-decoration:none;border-color:var(--primary-cyan)}.btn-primary{background:var(--bg-gradient-blue);border:1px solid var(--blue-alpha-strong);color:var(--primary-blue)}.btn-primary:hover{box-shadow:0 10px 20px var(--blue-alpha-strong);color:var(--text-primary)}.btn-secondary{background:#6c757d33;border:1px solid rgba(108,117,125,.5);color:#adb5bd}.btn-secondary:hover{box-shadow:0 10px 20px #6c757d66;color:var(--text-primary)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn:disabled:hover{transform:none;box-shadow:none}.main-container{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-xxl);padding:var(--spacing-xxl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl);position:relative;overflow:hidden;z-index:1}.main-container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan-alpha-medium),transparent);pointer-events:none;opacity:.7}.card{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur-md);padding:var(--spacing-lg-plus);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:var(--transition-normal);border:1px solid var(--glass-border);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan-alpha-medium),transparent);animation:scan 8s linear infinite}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px var(--cyan-alpha-medium)}.success-message{background:linear-gradient(135deg,#28a74533,#43e97b33);color:var(--success-green);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);border:1px solid rgba(67,233,123,.5);font-weight:500;backdrop-filter:var(--backdrop-blur-sm)}.error{background:linear-gradient(135deg,#dc354533,#ff576c33);color:var(--error-red);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);border:1px solid rgba(255,87,108,.5);font-weight:500;backdrop-filter:var(--backdrop-blur-sm)}.glow{box-shadow:var(--shadow-cyan)}.glow-blue{box-shadow:var(--shadow-blue)}.header,.main-container,.card.animate-in{animation:fadeIn .6s ease forwards}.card.animate-in:nth-child(1){animation-delay:.1s}.card.animate-in:nth-child(2){animation-delay:.2s}.card.animate-in:nth-child(3){animation-delay:.3s}.card.animate-in:nth-child(4){animation-delay:.4s}.progress-container{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-xxl);padding:25px;margin-top:var(--spacing-lg)}.progress-bar-bg{background:var(--glass-bg-light);border-radius:var(--radius-xl);height:25px;overflow:hidden;margin-bottom:var(--spacing-md)}.progress-bar-fill{background:linear-gradient(135deg,var(--primary-cyan) 0%,var(--accent-magenta) 100%);height:100%;width:0%;transition:width .5s ease;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}h1{font-size:var(--font-size-4xl);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}h3{font-size:var(--font-size-2xl);line-height:var(--line-height-snug)}h4{font-size:var(--font-size-xl);line-height:var(--line-height-snug)}h5{font-size:var(--font-size-lg);line-height:var(--line-height-normal)}h6{font-size:var(--font-size-base);line-height:var(--line-height-normal)}p{margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm)}a{color:var(--primary-cyan);text-decoration:none;transition:var(--transition-normal)}a:hover{color:var(--primary-blue)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-lg)}.mb-3{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-lg)}.mt-3{margin-top:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-lg)}.p-3{padding:var(--spacing-xl)}.d-flex{display:flex}.d-grid{display:grid}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-none{display:none}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.w-100{width:100%}.h-100{height:100%}@media(max-width:768px){body{padding:var(--spacing-sm)}.header,.main-container{padding:var(--spacing-lg)}.nav-buttons{flex-wrap:wrap;justify-content:center}.btn{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.nav h1{font-size:var(--font-size-2xl)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}.nav-brand{display:flex;align-items:center;gap:var(--spacing-md)}.app-logo{height:50px;width:auto;display:flex;align-items:center;transition:var(--transition-normal)}.app-logo img{height:50px;width:auto;max-width:200px;filter:drop-shadow(0 0 10px var(--cyan-alpha-medium));transition:var(--transition-normal)}.app-logo:hover img{filter:drop-shadow(0 0 15px var(--cyan-alpha-strong));transform:scale(1.02)}.logo-fallback{height:50px;display:flex;align-items:center;padding:8px var(--spacing-md);background:#1a1a1ae6;border-radius:var(--radius-md);border:1px solid var(--cyan-alpha-medium);backdrop-filter:var(--backdrop-blur-sm)}.logo-text{font-family:var(--font-family);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.logo-accent{font-weight:var(--font-weight-light);background:var(--text-gradient-cyan);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}.nav-brand h1{margin:0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);background:var(--text-gradient-primary);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;white-space:nowrap}@media(max-width:1024px){.nav-brand{gap:var(--spacing-md)}.app-logo,.app-logo img,.logo-fallback{height:60px}.logo-text{font-size:var(--font-size-2xl)}.nav-brand h1{font-size:var(--font-size-3xl)}}@media(max-width:768px){.nav{flex-direction:column;gap:var(--spacing-lg);align-items:center;text-align:center}.nav-brand{justify-content:center;gap:var(--spacing-sm)}.nav-btn{padding:var(--spacing-sm) var(--spacing-md)!important;min-width:auto}.app-logo,.app-logo img,.logo-fallback{height:55px}.logo-text{font-size:var(--font-size-xl)}.nav-brand h1{font-size:var(--font-size-2xl)}.nav-buttons{justify-content:center;flex-wrap:wrap}}@media(max-width:480px){.nav-brand{flex-direction:column;gap:var(--spacing-md)}.app-logo,.app-logo img,.logo-fallback{height:50px}.logo-text{font-size:var(--font-size-lg)}.nav-brand h1{font-size:var(--font-size-xl)}}