@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f3ff;font-family:Inter,system-ui,sans-serif;min-height:100vh}.vox-container{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px}.vox-card{background:#fff;border:1.5px solid #efecf3;border-radius:24px;color:#1f2937;max-width:580px;overflow:hidden;padding:48px 32px;position:relative;width:100%}.vox-card:before{background:radial-gradient(circle at 20% 30%,#a78bfa0d,#0000 50%),radial-gradient(circle at 80% 70%,#c4b5fd08,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.vox-content{position:relative;z-index:1}.vox-header{margin-bottom:40px;text-align:center}.vox-logo{align-items:center;display:inline-flex;gap:14px;margin-bottom:10px}.vox-icon{background:linear-gradient(135deg,#a78bfa,#c4b5fd);border-radius:50%;box-shadow:0 8px 24px #8b5cf640;height:52px;position:relative;width:52px}.vox-ring{animation:ring 3s ease-out infinite;border:1px solid #a78bfa66;border-radius:50%;left:50%;position:absolute;top:50%}.vox-ring:first-child{height:36px;margin-left:-18px;margin-top:-18px;width:36px}.vox-ring:nth-child(2){animation-delay:.6s;height:46px;margin-left:-23px;margin-top:-23px;width:46px}.vox-ring:nth-child(3){animation-delay:1.2s;height:56px;margin-left:-28px;margin-top:-28px;width:56px}.vox-mic-icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.vox-title{color:#1f2937;font-size:28px;font-weight:700;margin:0}.vox-badge{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:20px;box-shadow:0 4px 12px #8b5cf640;color:#fff;font-size:10px;font-weight:600;letter-spacing:.05em;padding:3px 8px;text-transform:uppercase}.vox-subtitle{color:#6b7280;font-size:13px;letter-spacing:.02em;margin:0}.statement-section{animation:slideIn .6s ease .1s both;margin-bottom:28px}.statement-label{align-items:center;display:flex;gap:10px;margin-bottom:14px}.statement-dot{animation:pulse 2s infinite;background:#8b5cf6;border-radius:2px;height:6px;width:6px}.statement-text-label{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.statement-card{background:#ede9fe;border:1.5px solid #ddd6fe;border-radius:20px;box-shadow:0 8px 32px #8b5cf614;padding:32px;transition:all .4s ease}.statement-card.recording{background:#f5f3ff;border-color:#a78bfa;box-shadow:0 0 40px #8b5cf633}.statement-card p{color:#1f2937;font-size:22px;line-height:1.7;margin:0}.recording-indicator{animation:slideIn .3s ease;display:flex;justify-content:center;margin:20px 0}.recording-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef44441a;border:1.5px solid #ef44444d;border-radius:50px;display:flex;gap:12px;padding:12px 20px}.recording-dot{animation:pulse 1s infinite;background:#ef4444;border-radius:50%;height:10px;width:10px}.recording-label{color:#ef4444;font-size:13px;font-weight:500}.recording-time{color:#ef4444;font-family:monospace;font-size:13px;font-weight:600}.recording-wave{display:flex;gap:2px;margin-left:6px}.wave-bar{animation:wave .6s ease-in-out infinite;background:#ef4444;border-radius:2px;width:3px}.wave-bar:first-child{height:6px}.wave-bar:nth-child(2){animation-delay:.1s;height:14px}.wave-bar:nth-child(3){animation-delay:.2s;height:20px}.wave-bar:nth-child(4){animation-delay:.3s;height:10px}.wave-bar:nth-child(5){animation-delay:.4s;height:16px}.playback-section{animation:slideIn .4s ease;background:#ede9fe;border:1.5px solid #ddd6fe;border-radius:16px;margin:20px 0;padding:18px 20px}.playback-controls{align-items:center;display:flex;gap:16px}.play-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:50%;box-shadow:0 4px 12px #8b5cf640;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.play-button:hover{box-shadow:0 6px 16px #8b5cf659;transform:scale(1.05)}.playback-progress{flex:1 1}.progress-bar{background:#ddd6fe;border-radius:3px;height:5px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:3px;height:100%;transition:width .1s}.progress-time{color:#6b7280;display:flex;font-family:monospace;font-size:11px;justify-content:space-between}.status-message{align-items:center;animation:slideIn .3s ease;border-radius:14px;display:flex;gap:12px;margin:16px 0;padding:14px 18px}.status-message.loading{background:#ede9fe;border:1.5px solid #ddd6fe}.status-message.success{background:#10b9811a;border:1.5px solid #10b9814d}.status-message.error{background:#f43f5e1a;border:1.5px solid #f43f5e4d}.status-spinner{animation:spin .7s linear infinite;border:2px solid #ddd6fe;border-radius:50%;border-top-color:#8b5cf6;height:20px;width:20px}.status-text{color:#1f2937;font-size:13px;font-weight:500}.button-group{animation:slideIn .6s ease .3s both;display:flex;flex-direction:column;gap:10px;margin-top:28px}.vox-button{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:16px 28px;transition:all .3s ease}.vox-button:disabled{cursor:not-allowed;opacity:.5}.btn-record{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 4px 20px #8b5cf64d;color:#fff}.btn-record:hover:not(:disabled){box-shadow:0 6px 24px #8b5cf666;transform:translateY(-2px)}.btn-stop{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 20px #dc26264d;color:#fff}.btn-stop:hover:not(:disabled){box-shadow:0 6px 24px #dc262666;transform:translateY(-2px)}.btn-submit{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px #10b9814d;color:#fff}.btn-submit:hover:not(:disabled){box-shadow:0 6px 24px #10b98166;transform:translateY(-2px)}.btn-reset{background:#ede9fe;border:1.5px solid #ddd6fe;color:#6b7280;font-size:13px;font-weight:500;padding:14px 24px}.btn-reset:hover:not(:disabled){background:#ddd6fe;border-color:#c4b5fd;color:#1f2937}.hint-box{animation:slideIn .6s ease .4s both;background:#ede9fe;border:1.5px solid #ddd6fe;border-radius:14px;display:flex;gap:14px;margin-top:28px;padding:18px 20px}.hint-icon{color:#6b7280;flex-shrink:0;margin-top:2px}.hint-text{color:#6b7280;font-size:13px;line-height:1.6;margin:0}.vox-footer{align-items:center;border-top:1.5px solid #e9d5ff;display:flex;justify-content:space-between;margin-top:40px;padding-top:24px}.footer-status-update{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:500;gap:8px}.status-dot{animation:glow 2s infinite;background:#34d399}.footer-brand-update{color:#6b7280;font-size:12px;font-weight:500}@keyframes ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes glow{0%,to{box-shadow:0 0 0 0 #34d39966}50%{box-shadow:0 0 0 8px #34d39900}}@media (max-width:640px){.vox-card{border-radius:20px;padding:32px 24px}.vox-title{font-size:24px}.statement-card{padding:28px 24px}.statement-card p{font-size:18px}}:root{--primary-purple:#7c3aed;--primary-purple-light:#a78bfa;--primary-purple-dark:#6d28d9;--accent-blue:#3b82f6;--accent-pink:#ec4899;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-dark:#9ca3af;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-container{background:#fff;background:var(--white);color:#111827;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;overflow:hidden;position:relative}.background-wrapper{inset:0;pointer-events:none;position:fixed;z-index:0}.orb{border-radius:50%;filter:blur(80px);opacity:.15;position:absolute}.orb-1{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#a78bfa,#0000 70%);height:500px;right:-100px;top:-250px;width:500px}.orb-2{animation:float 25s ease-in-out 5s infinite;background:radial-gradient(circle,#c084fc,#0000 70%);bottom:-150px;height:400px;left:-100px;width:400px}.orb-3{animation:float 18s ease-in-out 10s infinite;background:radial-gradient(circle,#e9d5ff,#0000 70%);height:350px;left:50%;top:50%;transform:translate(-50%,-50%);width:350px}.grid-pattern{display:none}.content-wrapper{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:480px;min-height:100vh;opacity:0;padding:60px 20px;position:relative;transition:all .6s ease;z-index:1}.login-container.mounted .content-wrapper{opacity:1}.header{animation:fadeIn .8s ease .2s both;margin-bottom:48px;text-align:center}.logo-container{display:inline-flex;gap:12px;margin-bottom:12px}.logo-container,.logo-icon{align-items:center;justify-content:center}.logo-icon{background:linear-gradient(135deg,#a78bfa,#c084fc);border-radius:50%;box-shadow:0 8px 24px #7c3aed40;display:flex;height:56px;position:relative;width:56px}.ring{animation:spin 3s linear infinite;border:2px solid #a78bfa4d;border-radius:50%;left:50%;position:absolute;top:50%}.ring-1{height:40px;margin-left:-20px;margin-top:-20px;width:40px}.ring-2{animation-direction:reverse;animation-duration:4s;height:50px;margin-left:-25px;margin-top:-25px;width:50px}.ring-3{animation-duration:5s;height:60px;margin-left:-30px;margin-top:-30px;width:60px}.mic-icon{color:#fff;color:var(--white);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.logo-text{color:#111827;color:var(--text-primary);font-size:32px;font-weight:700;letter-spacing:-.02em;margin:0}.pro-badge{background:linear-gradient(135deg,#a78bfa,#c084fc);border-radius:20px;color:#fff;color:var(--white);font-size:11px;font-weight:600;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.tagline{color:#6b7280;color:var(--text-secondary);font-size:15px;font-weight:400;margin:0}.card-wrapper{animation:slideIn .6s ease .4s both;background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:24px;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);padding:40px 32px}.input-group{margin-bottom:24px}.input-group:last-of-type{margin-bottom:28px}.input-label{color:#111827;color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-wrapper{position:relative}.input-icon{color:#9ca3af;color:var(--text-tertiary);left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-field{background:#fff;background:var(--white);border:1.5px solid #d1d5db;border:1.5px solid var(--border-medium);border-radius:12px;box-sizing:border-box;color:#111827;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-size:15px;outline:none;padding:14px 16px 14px 48px;transition:all .2s ease;width:100%}.input-field::placeholder{color:#9ca3af;color:var(--text-tertiary)}.input-field:hover{border-color:#9ca3af;border-color:var(--border-dark)}.input-field:focus{border-color:#7c3aed;border-color:var(--primary-purple);box-shadow:0 0 0 4px #7c3aed1a}.pin-input{letter-spacing:.15em;padding-right:48px}.eye-button{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;color:var(--text-tertiary);cursor:pointer;display:flex;padding:6px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease}.eye-button:hover{background:#f3f4f6;background:var(--gray-100);color:#6b7280;color:var(--text-secondary)}.eye-button:active{transform:translateY(-50%) scale(.95)}.error-message{align-items:center;animation:slideIn .3s ease;background:#fef2f2;border:1.5px solid #fecaca;border-radius:12px;color:#991b1b;display:flex;gap:10px;margin-bottom:24px;padding:14px 16px}.error-message svg{color:#dc2626;flex-shrink:0}.error-message span{font-size:14px;font-weight:500}.submit-button{align-items:center;background:linear-gradient(135deg,#7c3aed,#a78bfa);border:none;border-radius:12px;box-shadow:0 4px 14px #7c3aed4d;color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:16px 28px;transition:all .3s ease;width:100%}.submit-button:hover{background:linear-gradient(135deg,#6d28d9,#9333ea);box-shadow:0 8px 20px #7c3aed66;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.submit-button svg{color:#fff;color:var(--white)}.info-box{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:12px;display:flex;gap:14px;margin-top:28px;padding:18px 20px}.info-icon{flex-shrink:0;margin-top:2px}.info-box p,.info-icon{color:#6b7280;color:var(--text-secondary)}.info-box p{font-size:14px;line-height:1.6;margin:0}.footer{animation:fadeIn .8s ease .6s both;justify-content:space-between;margin-top:48px}.footer,.footer-status{align-items:center;display:flex}.footer-status{color:#6b7280;color:var(--text-secondary);font-size:13px;font-weight:500;gap:8px}.status-dot{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e66;height:6px;width:6px}.footer-brand{color:#6b7280;color:var(--text-secondary);font-size:13px;font-weight:500}@media (max-width:640px){.content-wrapper{padding:40px 16px}.card-wrapper{padding:32px 24px}.logo-text{font-size:28px}.logo-icon{height:48px;width:48px}.header{margin-bottom:36px}.footer{flex-direction:column;gap:12px;margin-top:40px;text-align:center}}@media (max-width:480px){.content-wrapper{padding:32px 16px}.card-wrapper{padding:28px 20px}.input-field{font-size:16px}}@media (min-width:641px) and (max-width:1024px){.content-wrapper{padding:60px 32px}}.eye-button:focus-visible,.input-field:focus-visible,.submit-button:focus-visible{outline:2px solid #7c3aed;outline:2px solid var(--primary-purple);outline-offset:2px}
/*# sourceMappingURL=main.6b222656.css.map*/