@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes spin{to{transform:rotate(1turn)}}.voxplayer-container{background:linear-gradient(145deg,#020617,#0c1929 50%,#0f172a);color:#f1f5f9;font-family:Inter,system-ui,sans-serif;min-height:100vh;overflow:hidden;position:relative}.voxplayer-container.mounted .voxplayer-content{opacity:1;transform:none}.voxplayer-content{display:flex;flex-direction:column;margin:0 auto;max-width:640px;min-height:100vh;opacity:0;padding:48px 20px;position:relative;transform:translateY(20px);transition:all .8s cubic-bezier(.16,1,.3,1);z-index:1}.voxplayer-header{margin-bottom:48px;text-align:center}.statement-wrapper{animation:slideIn .6s ease .1s both;margin-bottom:28px}.statement-header{align-items:center;display:flex;gap:10px;margin-bottom:14px}.read-text{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.statement-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e3a5f99,#0f172ae6);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 8px 32px #0003;padding:36px 32px;transition:all .4s ease}.statement-card.recording-active{border:1px solid #3b82f680;box-shadow:0 0 60px -10px #3b82f666,inset 0 1px 0 #ffffff1a}.statement-text{color:#e2e8f0;font-size:22px;line-height:1.7;margin:0}.recording-indicator{animation:slideIn .3s ease;display:flex;justify-content:center;margin:20px 0}.recording-box{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px 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-text{color:#fca5a5;font-size:13px;font-weight:500}.recording-timer{color:#ef4444;font-family:monospace;font-size:13px;font-weight:600}.wave-animation{display:flex;gap:2px;margin-left:6px}.wave-bar{background:#ef4444;border-radius:2px;width:3px}.wave-0{animation:wave .6s ease-in-out infinite;height:6px}.wave-1{animation:wave .6s ease-in-out .1s infinite;height:14px}.wave-2{animation:wave .6s ease-in-out .2s infinite;height:20px}.wave-3{animation:wave .6s ease-in-out .3s infinite;height:10px}.wave-4{animation:wave .6s ease-in-out .4s infinite;height:16px}.playback-container{animation:slideIn .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;border:1px solid #ffffff0f;border-radius:16px;margin:20px 0;padding:18px 20px}.playback-controls{align-items:center;display:flex;gap:16px}.playback-toggle{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;transition:transform .2s ease;width:48px}.playback-toggle:hover{transform:scale(1.05)}.playback-progress{flex:1 1}.progress-track{background:#ffffff1a;border-radius:3px;height:5px;margin-bottom:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#3b82f6,#22d3ee);border-radius:3px;height:100%;transition:width .1s}.progress-time{color:#64748b;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-loading{background:#3b82f61a;border:1px solid #3b82f633}.status-success{background:#10b9811a;border:1px solid #10b98133}.status-error{background:#f43f5e1a;border:1px solid #f43f5e33}.status-spinner{animation:spin .7s linear infinite;border:2px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:20px;width:20px}.status-icon{flex-shrink:0}.status-text{color:#e2e8f0;font-size:13px;font-weight:500}.action-buttons{animation:slideIn .6s ease .3s both;display:flex;flex-direction:column;gap:10px;margin-top:28px}.record-button,.reset-button,.submit-button{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:16px 28px;transition:all .3s ease}.record-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 20px #2563eb66;color:#fff}.record-button.recording{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 20px #dc262666}.record-button:hover:not(.disabled){box-shadow:0 6px 25px #2563eb80;transform:translateY(-2px)}.record-button.recording:hover:not(.disabled){box-shadow:0 6px 25px #dc262680}.submit-button{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 4px 20px #10b98166}.submit-button:hover:not(.disabled){box-shadow:0 6px 25px #10b98180;transform:translateY(-2px)}.reset-button{background:#ffffff08;border:1px solid #ffffff1a;color:#94a3b8;font-size:13px;font-weight:500;padding:14px 24px}.reset-button:hover:not(.disabled){background:#ffffff0f;color:#e2e8f0}.record-button.disabled,.reset-button.disabled,.submit-button.disabled{cursor:not-allowed;opacity:.5}.hint-box{animation:slideIn .6s ease .4s both;background:#3b82f60d;border:1px solid #3b82f61a;border-radius:14px;display:flex;gap:14px;margin-top:28px;padding:18px 20px}.hint-icon{flex-shrink:0;margin-top:2px}.hint-text{color:#64748b;font-size:13px;line-height:1.6;margin:0}.voxplayer-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding-top:40px}@media (max-width:768px){.voxplayer-content{max-width:100%;padding:32px 14px}.logo-text{font-size:22px}.logo-icon{height:42px;width:42px}.logo-subtitle{font-size:12px}.statement-card{border-radius:16px;padding:24px 20px}.statement-text{font-size:17px;line-height:1.6}.recording-box{flex-wrap:wrap;gap:8px;justify-content:center}.playback-container{padding:14px}.playback-controls{gap:10px}.playback-toggle{height:42px;width:42px}.record-button,.reset-button,.submit-button{font-size:13px;padding:14px 20px}.action-buttons{gap:8px}.hint-box{flex-direction:column;gap:10px}.voxplayer-footer{align-items:flex-start;flex-direction:column;gap:12px}.orb-1{height:300px;width:300px}.orb-2{height:250px;width:250px}.orb-3{height:200px;width:200px}}@media (max-width:420px){.statement-text{font-size:15px}.logo-text{font-size:20px}.progress-time{font-size:10px}.hint-text,.recording-text,.recording-timer{font-size:12px}}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.05)}}@keyframes ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes glow{0%,to{box-shadow:0 0 0 0 #34d39966}50%{box-shadow:0 0 0 8px #34d39900}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}.login-container{background:linear-gradient(145deg,#020617,#0c1929 50%,#0f172a);color:#f1f5f9;font-family:Inter,system-ui,sans-serif;min-height:100vh;overflow:hidden;position:relative}.login-container.mounted .login-content{opacity:1;transform:none}.background-orbs{inset:0;pointer-events:none;position:fixed}.orb{border-radius:50%;filter:blur(100px);position:absolute}.orb-1{animation:float 25s ease-in-out infinite;background:radial-gradient(circle,#2563eb,#0000 70%);height:500px;opacity:.5;right:-100px;top:-150px;width:500px}.orb-2{animation:float 25s ease-in-out 5s infinite;background:radial-gradient(circle,#7c3aed,#0000 70%);bottom:-100px;height:400px;left:-50px;opacity:.4;width:400px}.orb-3{animation:float 25s ease-in-out 10s infinite;background:radial-gradient(circle,#06b6d4,#0000 70%);filter:blur(80px);height:300px;left:50%;opacity:.3;top:40%;width:300px}.orb-grid{background-image:linear-gradient(#3b82f608 1px,#0000 0),linear-gradient(90deg,#3b82f608 1px,#0000 0);background-size:50px 50px;inset:0;-webkit-mask-image:radial-gradient(ellipse,#000 30%,#0000 70%);mask-image:radial-gradient(ellipse,#000 30%,#0000 70%);position:absolute}.login-content{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:480px;min-height:100vh;opacity:0;padding:48px 20px;position:relative;transform:translateY(20px);transition:all .8s cubic-bezier(.16,1,.3,1);z-index:1}.login-header{margin-bottom:48px;text-align:center}.logo-container{align-items:center;display:inline-flex;gap:14px;margin-bottom:10px}.logo-icon{height:52px;position:relative;width:52px}.ring-ring{border:1px solid #3b82f6;border-radius:50%;left:50%;position:absolute;top:50%}.ring-0{animation:ring 3s ease-out infinite;height:36px;margin-left:-18px;margin-top:-18px;width:36px}.ring-1{animation:ring 3s ease-out .6s infinite;height:46px;margin-left:-23px;margin-top:-23px;width:46px}.ring-2{animation:ring 3s ease-out 1.2s infinite;height:56px;margin-left:-28px;margin-top:-28px;width:56px}.logo-svg{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;font-size:28px;font-weight:700;margin:0}.logo-badge{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:20px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.05em;padding:3px 8px;text-transform:uppercase}.logo-subtitle{color:#64748b;font-size:13px;letter-spacing:.02em;margin:0}.login-card-wrapper{animation:slideIn .6s ease .1s both}.login-card-header{align-items:center;display:flex;gap:10px;margin-bottom:14px}.pulse-dot{animation:pulse 2s infinite;background:#3b82f6;border-radius:2px;height:6px;width:6px}.secure-text{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e3a5f99,#0f172ae6);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 8px 32px #0003,inset 0 1px 0 #ffffff1a;padding:36px 32px}.input-group{margin-bottom:20px}.input-group:last-of-type{margin-bottom:24px}.input-label{color:#94a3b8;display:block;font-size:12px;font-weight:500;letter-spacing:.02em;margin-bottom:8px}.input-wrapper{position:relative}.input-icon{left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.email-input,.pin-input{background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:#e2e8f0;font-size:14px;outline:none;padding:14px 14px 14px 44px;transition:all .3s ease;width:100%}.email-input:focus,.pin-input:focus{border:1px solid #3b82f680;box-shadow:0 0 0 3px #3b82f61a}.pin-input{letter-spacing:.2em}.error-message{align-items:center;animation:slideIn .3s ease;background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:12px;display:flex;gap:10px;margin-bottom:20px;padding:12px 14px}.error-text{color:#fca5a5;font-size:12px}.submit-button{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:14px;box-shadow:0 4px 20px #2563eb66;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:16px 28px;transition:all .3s ease;width:100%}.submit-button:hover{box-shadow:0 6px 25px #2563eb80;transform:translateY(-2px)}.info-box{animation:slideIn .6s ease .3s both;background:#3b82f60d;border:1px solid #3b82f61a;border-radius:14px;display:flex;gap:14px;margin-top:28px;padding:18px 20px}.info-icon{flex-shrink:0;margin-top:2px}.info-text{color:#64748b;font-size:13px;line-height:1.6;margin:0}.login-footer{justify-content:space-between}.login-footer,.login-footer-update{align-items:center;display:flex;margin-top:40px}.login-footer-update{justify-content:center}.footer-status{align-items:center;color:#475569;display:flex;font-size:12px;gap:8px}.status-dot{animation:glow 2s infinite;background:#34d399;border-radius:50%;height:6px;width:6px}.footer-copyright{color:#475569;font-size:12px}@media (max-width:768px){.login-content{max-width:100%;padding:32px 16px}.login-header{margin-bottom:32px}.logo-text{font-size:22px}.logo-icon{height:42px;width:42px}.logo-subtitle{font-size:12px}.login-card{border-radius:16px;padding:24px 20px}.email-input,.pin-input{font-size:13px;padding:12px 12px 12px 40px}.input-icon{left:12px}.submit-button{font-size:13px;padding:14px}.info-box{flex-direction:column;gap:10px;padding:14px 16px}.info-text{font-size:12px}.login-footer{align-items:flex-start;flex-direction:column;gap:12px}.orb-1{height:280px;width:280px}.orb-2{height:220px;width:220px}.orb-3{height:180px;width:180px}}@media (max-width:420px){.logo-text{font-size:20px}.secure-text{font-size:10px}.input-label{font-size:11px}.email-input,.pin-input,.submit-button{font-size:12px}.footer-copyright,.footer-status{font-size:11px}}.pin-input{padding-right:44px}.input-wrapper .eye-button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.input-wrapper .eye-button svg{transition:.2s ease}.input-wrapper .eye-button:hover svg{stroke:#60a5fa}.modal-overlay{align-items:center;animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020617bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.privacy-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#0f172a,#020617);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;height:550px;max-width:1000px;padding:20px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:linear-gradient(135deg,#0f172a,#020617);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#fff;font-size:18px;margin:0}.modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:20px;transition:.2s}.modal-close:hover{color:#fff;transform:scale(1.1)}.modal-content{flex:1 1;overflow-y:auto;padding-right:6px}.modal-content p{color:#94a3b8;font-size:13px;line-height:1.6;margin-bottom:12px}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#475569}.modal-content::-webkit-scrollbar-track{background:#0000}.privacy-link{color:#60a5fa;cursor:pointer;font-size:12px}.privacy-link:hover{text-decoration:underline}@media (max-width:480px){.privacy-modal{height:90vh}}
/*# sourceMappingURL=main.9c6b8de2.css.map*/