login-root{font-family:BeTheBest,Open Sans,sans-serif,Roboto,Arial}login-root .checkbox-container{margin-top:1rem}login-root .checkbox-container .checkbox-label{display:flex;align-items:flex-start;font-size:.9rem;color:#4a4a4a;cursor:pointer;line-height:1.4}login-root .checkbox-container .checkbox-label input[type=checkbox]{margin-right:10px;margin-top:3px;width:16px;height:16px;cursor:pointer;accent-color:#000}login-root .modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;box-sizing:border-box}login-root .modal-content{background:#fff;border-radius:12px;padding:2rem;width:100%;max-width:420px;position:relative;box-sizing:border-box}login-root .btn-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:#a0a0a0;display:flex;align-items:center;justify-content:center;padding:.5rem}login-root .btn-close:hover{color:#000}login-root .btn-close svg{width:20px;height:20px}login-root .modal-container{margin-bottom:1.5rem}login-root .modal-container .modal-header{display:flex;align-items:center;margin-bottom:1.75rem}login-root .modal-container .modal-header .icon{width:20px;height:20px;margin-right:8px;color:#000}login-root .modal-container .modal-header h2{font-size:1.1rem;font-weight:700;margin:0;color:#000}login-root .modal-container .modal-description{font-size:.9rem;color:#4a4a4a;line-height:1.4;margin:0 0 1.5rem}login-root .modal-container .otp-inputs{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}login-root .modal-container .otp-inputs .otp-input{width:48px;height:56px;font-size:1.75rem;font-weight:600;text-align:center;color:#000;background:transparent;border:none;border-bottom:2px solid #000;border-radius:0;padding:0;outline:none;transition:border-color .2s}login-root .modal-container .otp-inputs .otp-input::placeholder{color:#e0e0e0}login-root .modal-container .otp-inputs .otp-input:focus{border-bottom-color:#000}login-root .modal-container .otp-inputs .otp-input.is-invalid{border-bottom-color:#d32f2f}login-root .btn-primary{width:100%;padding:1rem;background:#000;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.5rem;transition:background-color .2s;font-family:inherit}login-root .btn-primary:hover{background:#333}login-root .btn-primary:disabled{background:#ccc;cursor:not-allowed}login-root .form-input{width:100%;padding:1rem;font-size:1rem;color:#000;background-color:#fff;border:1.5px solid #e0e0e0;border-radius:8px;outline:none;transition:border-color .2s;box-sizing:border-box;font-family:inherit}login-root .form-input::placeholder{color:#a0a0a0}login-root .form-input:focus,login-root .form-input:not(:placeholder-shown){border-color:#000}login-root .form-input.is-invalid{border-color:#d32f2f}login-root .form-input.is-invalid:focus{border-color:#d32f2f}login-root .form-input.shake{animation:shake .4s ease-in-out}login-root .form-input.disabled,login-root .form-input:disabled{background-color:#f5f5f5;color:#666;border-color:#e0e0e0;opacity:.7;cursor:not-allowed}login-root .shake{animation:shake .4s ease-in-out}login-root .error-text{display:block;color:#d32f2f;font-size:.85rem;margin-top:.5rem}login-root .error-text.error-text-special{margin-bottom:1rem}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}