.vs-popup{width:450px!important}.otp-input{width:80px;height:80px;padding:5px;font-size:40px;border-radius:4px;border:1px solid rgba(0,0,0,.3);text-align:center;&.error{border:1px solid red!important}}.otp-input::-webkit-inner-spin-button,.otp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.login-container[data-v-6ea46776]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.login-container[data-v-6ea46776]:before{content:"";position:fixed;top:-10px;left:-10px;right:-10px;bottom:-10px;background-image:url(../img/login-bg.e1b025f6.png);background-size:cover;background-position:50%;background-repeat:no-repeat;filter:blur(8px);z-index:-2;transform:scale(1.1)}.login-container[data-v-6ea46776]:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:-1}.login-card-wrapper[data-v-6ea46776]{width:100%;max-width:504px;height:auto;perspective:1000px}.login-card[data-v-6ea46776]{width:100%;height:auto;min-height:450px;background:#fff;border-radius:12px;box-shadow:0 25px 50px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-animation:fadeInUp-data-v-6ea46776 .8s ease-out;animation:fadeInUp-data-v-6ea46776 .8s ease-out;opacity:1}.login-card[data-v-6ea46776]:hover{transform:translateY(-5px);box-shadow:0 35px 70px rgba(0,0,0,.15)}@-webkit-keyframes fadeInUp-data-v-6ea46776{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-data-v-6ea46776{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.login-content[data-v-6ea46776]{padding:40px 24px 40px 24px;gap:10px}.logo-section[data-v-6ea46776]{text-align:center;margin-bottom:40px}.logo-section .logo[data-v-6ea46776]{width:214px;height:56px;margin-bottom:24px;opacity:1}.form-section .form-header[data-v-6ea46776]{text-align:left;margin-bottom:32px}.form-section .form-header h2[data-v-6ea46776]{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 8px 0}.form-section .form-header p[data-v-6ea46776]{font-size:15px;color:#6b7280;margin:0}.login-form .input-group[data-v-6ea46776]{margin-bottom:24px}.login-form .input-group .modern-input[data-v-6ea46776] .vs-input{border-radius:12px;border:2px solid #e5e7eb;transition:all .3s ease;background:hsla(0,0%,100%,.8)}.login-form .input-group .modern-input[data-v-6ea46776] .vs-input:hover{border-color:#d1d5db}.login-form .input-group .modern-input[data-v-6ea46776] .vs-input.vs-input--focus,.login-form .input-group .modern-input[data-v-6ea46776] .vs-input.vs-input--state-primary,.login-form .input-group .modern-input[data-v-6ea46776] .vs-input:focus-within{border-color:#cf4747!important;box-shadow:0 0 0 3px rgba(207,71,71,.1)!important}.login-form .input-group .modern-input[data-v-6ea46776] .vs-input input:focus{border-color:#cf4747!important;box-shadow:0 0 0 3px rgba(207,71,71,.1)!important}.login-form .input-group .modern-input[data-v-6ea46776] .vs-input input{padding:16px 20px;font-size:15px;font-weight:500}.login-form .input-group .modern-input[data-v-6ea46776] .vs-input .vs-input__label--placeholder{color:#9ca3af;font-weight:500}.login-form .input-group .password-wrapper[data-v-6ea46776]{position:relative}.login-form .input-group .password-wrapper .password-toggle[data-v-6ea46776]{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9ca3af;transition:color .2s ease;z-index:10;display:flex;align-items:center;justify-content:center;padding:4px}.login-form .input-group .password-wrapper .password-toggle[data-v-6ea46776]:hover{color:#6366f1}.login-form .input-group .error-message[data-v-6ea46776]{display:block;color:#ef4444;font-size:13px;margin-top:6px;margin-left:4px;font-weight:500}.login-form .login-button[data-v-6ea46776]{width:100%;margin-top:8px}.login-form .login-button[data-v-6ea46776] .vs-button{width:100%!important;background:#cf4747!important;background-color:#cf4747!important;border:none!important;border-radius:12px!important;padding:16px 24px!important;font-size:16px!important;font-weight:600!important;letter-spacing:.5px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 12px rgba(207,71,71,.3)!important}.login-form .login-button[data-v-6ea46776] .vs-button:hover:not(:disabled){background:#b63d3d!important;background-color:#b63d3d!important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(207,71,71,.4)!important}.login-form .login-button[data-v-6ea46776] .vs-button:active:not(:disabled){background:#b63d3d!important;background-color:#b63d3d!important;transform:translateY(0)}.login-form .login-button[data-v-6ea46776] .vs-button:disabled{opacity:.6;cursor:not-allowed;transform:none;background:#cf4747!important;background-color:#cf4747!important}.login-form .login-button[data-v-6ea46776] .vs-button .vs-button__content{background:transparent!important}.captcha-form[data-v-6ea46776]{position:relative}.captcha-form .loading-overlay[data-v-6ea46776]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.95);display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:12px}.captcha-form .loading-overlay .loading-content[data-v-6ea46776]{text-align:center}.captcha-form .loading-overlay .loading-content .loading-spinner[data-v-6ea46776]{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #cf4747;border-radius:50%;-webkit-animation:spin-data-v-6ea46776 1s linear infinite;animation:spin-data-v-6ea46776 1s linear infinite;margin:0 auto 12px}.captcha-form .loading-overlay .loading-content .loading-text[data-v-6ea46776]{color:#cf4747;font-size:14px;font-weight:600;margin:0}@-webkit-keyframes spin-data-v-6ea46776{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-data-v-6ea46776{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.captcha-form .captcha-code-section[data-v-6ea46776]{text-align:center;margin-bottom:24px}.captcha-form .captcha-code-section .captcha-code-display[data-v-6ea46776]{margin-bottom:8px}.captcha-form .captcha-code-section .captcha-code-display .captcha-code[data-v-6ea46776]{font-family:Courier New,monospace;font-size:28px;font-weight:700;color:#1f2937;letter-spacing:4px;margin:0;padding:12px 0}.captcha-form .captcha-code-section .refresh-link[data-v-6ea46776]{background:none;border:none;color:#cf4747;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease}.captcha-form .captcha-code-section .refresh-link[data-v-6ea46776]:hover{color:#b63d3d}.captcha-form .input-group[data-v-6ea46776]{margin-bottom:16px}.captcha-form .captcha-buttons[data-v-6ea46776]{display:flex;gap:12px;margin-top:32px}.captcha-form .captcha-buttons .back-link[data-v-6ea46776]{flex:1;background:#fff;border:1px solid #ededed;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease;padding:12px 20px;border-radius:6px;text-align:center}.captcha-form .captcha-buttons .back-link[data-v-6ea46776]:hover{color:#374151;border-color:#d1d5db;background:#f9fafb}.captcha-form .captcha-buttons .submit-button[data-v-6ea46776]{flex:1}.captcha-form .captcha-buttons .submit-button[data-v-6ea46776] .vs-button{width:100%!important;background:#cf4747!important;border:none!important;border-radius:6px!important;padding:12px 20px!important;font-size:14px!important;font-weight:600!important;transition:all .3s ease!important}.captcha-form .captcha-buttons .submit-button[data-v-6ea46776] .vs-button:hover:not(:disabled){background:#b63d3d!important}.captcha-form .captcha-buttons .submit-button[data-v-6ea46776] .vs-button:disabled{opacity:.6;cursor:not-allowed}.captcha-popup[data-v-6ea46776] .vs-popup{border-radius:16px;overflow:hidden}.captcha-popup[data-v-6ea46776] .vs-popup .vs-popup__header{background:linear-gradient(135deg,#cf4747,#b63d3d);color:#fff;padding:20px 24px;font-weight:600}.captcha-popup[data-v-6ea46776] .vs-popup .vs-popup__content{padding:24px}.captcha-content .captcha-code-section[data-v-6ea46776]{display:flex;align-items:center;justify-content:space-between;padding:16px;background:rgba(207,71,71,.05);border-radius:12px;border:1px solid rgba(207,71,71,.1);margin-bottom:20px}.captcha-content .captcha-code-section .captcha-code[data-v-6ea46776]{font-family:Courier New,monospace;font-size:18px;font-weight:700;color:#cf4747;letter-spacing:4px;margin:0}.captcha-content .captcha-code-section .refresh-button[data-v-6ea46776] .vs-button{min-width:auto;width:40px;height:40px;border-radius:10px;padding:0;display:flex;align-items:center;justify-content:center}.captcha-content .submit-button[data-v-6ea46776] .vs-button{border-radius:12px;padding:14px 24px;font-weight:600;transition:all .3s ease}.captcha-content .submit-button[data-v-6ea46776] .vs-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px rgba(207,71,71,.3)}.prevent-select[data-v-6ea46776]{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-v-6ea46776] .vs-input--state-primary{border-color:#cf4747!important;box-shadow:0 0 0 3px rgba(207,71,71,.1)!important}[data-v-6ea46776] .vs-input:focus-within{border-color:#cf4747!important;box-shadow:0 0 0 3px rgba(207,71,71,.1)!important}[data-v-6ea46776] .vs-input.vs-input--focus,[data-v-6ea46776] .vs-input input:focus{border-color:#cf4747!important;box-shadow:0 0 0 3px rgba(207,71,71,.1)!important}@media (max-width:768px){.login-container[data-v-6ea46776]{padding:16px}.login-card[data-v-6ea46776]{border-radius:8px}.login-card[data-v-6ea46776]:hover{transform:none}.login-content[data-v-6ea46776]{padding:32px 20px}.logo-section[data-v-6ea46776]{margin-bottom:32px}.logo-section .logo[data-v-6ea46776]{width:180px;height:auto}.form-section .form-header h2[data-v-6ea46776]{font-size:22px}.form-section .form-header p[data-v-6ea46776]{font-size:14px}}@media (max-width:480px){.login-container[data-v-6ea46776]{padding:12px}.login-card[data-v-6ea46776]{box-shadow:0 15px 30px rgba(0,0,0,.1)}.login-content[data-v-6ea46776]{padding:28px 16px}.logo-section[data-v-6ea46776]{margin-bottom:28px}.logo-section .logo[data-v-6ea46776]{width:150px;height:auto}.form-section .form-header[data-v-6ea46776]{margin-bottom:24px}.form-section .form-header h2[data-v-6ea46776]{font-size:20px}.form-section .form-header p[data-v-6ea46776]{font-size:13px}.login-form .input-group[data-v-6ea46776]{margin-bottom:20px}.login-form .input-group .modern-input[data-v-6ea46776] .vs-input input{padding:14px 18px;font-size:14px}.login-form .login-button[data-v-6ea46776] .vs-button{padding:14px 20px!important;font-size:15px!important}.captcha-form .captcha-code-section .captcha-code-display .captcha-code[data-v-6ea46776]{font-size:24px;letter-spacing:3px}.captcha-form .captcha-buttons[data-v-6ea46776]{flex-direction:column;gap:10px}.captcha-form .captcha-buttons .back-link[data-v-6ea46776],.captcha-form .captcha-buttons .submit-button[data-v-6ea46776]{width:100%}.captcha-form .modern-input[data-v-6ea46776] .vs-input input{padding:14px 18px}}@media (max-width:360px){.login-container[data-v-6ea46776]{padding:8px}.login-content[data-v-6ea46776]{padding:24px 12px}.logo-section[data-v-6ea46776]{margin-bottom:24px}.logo-section .logo[data-v-6ea46776]{width:130px;height:auto}.form-section .form-header[data-v-6ea46776]{margin-bottom:20px}.form-section .form-header h2[data-v-6ea46776]{font-size:18px}.form-section .form-header p[data-v-6ea46776]{font-size:12px}.login-form .input-group[data-v-6ea46776]{margin-bottom:16px}.login-form .input-group .modern-input[data-v-6ea46776] .vs-input input{padding:12px 16px;font-size:13px}.login-form .login-button[data-v-6ea46776] .vs-button{padding:12px 18px!important;font-size:14px!important}.captcha-form .captcha-code-section .captcha-code-display .captcha-code[data-v-6ea46776]{font-size:20px;letter-spacing:2px}.captcha-form .captcha-code-section .refresh-link[data-v-6ea46776]{font-size:13px}.captcha-form .modern-input[data-v-6ea46776] .vs-input input{padding:12px 16px}}