*{box-sizing:border-box}:root{--background-color: #F7F9FC;--header-bg: #FFFFFF;--header-text: #333333;--link-color: #696cff;--link-hover-color: #696cff;--text-color: #656565;--button-bg: linear-gradient(90deg, #6B2DC7, #696cff);--button-hover-bg: linear-gradient(90deg, #5A22A6, #696cff);--button-text-color: #FFFFFF;--slide-menu-bg: #FFFFFF;--slide-menu-text: #656565;--slide-menu-border: #e0e0e0;--dark-background-color: #1E1E1E;--dark-header-bg: #252526;--dark-header-text: #D4D4D4;--dark-link-color: #569CD6;--dark-link-hover-color: #4FC1FF;--dark-text-color: #D4D4D4;--dark-button-bg: linear-gradient(90deg, #4FC1FF, #569CD6);--dark-button-hover-bg: linear-gradient(90deg, #3E9ACF, #4FB0FF);--dark-button-text-color: #FFFFFF;--dark-slide-menu-bg: #252526;--dark-slide-menu-text: #D4D4D4;--dark-slide-menu-border: #333333}body{background:#fff}body.dark-theme{background-color:var(--dark-background-color);color:var(--dark-text-color)}.form-modal{position:relative;width:450px;height:auto;margin-top:4em;left:50%;transform:translate(-50%);background:#fff;border-radius:20px;box-shadow:0 3px 20px #0000001a}.form-modal button{cursor:pointer;position:relative;text-transform:capitalize;font-size:1em;z-index:2;outline:none;background:#fff;transition:.2s;color:#656565}.form-modal .btn{border-radius:20px;border:none;font-weight:700;font-size:1.2em;padding:.8em 1em!important;transition:.5s;border:1px solid #ebebeb;margin-bottom:.5em;margin-top:.5em}.form-modal .login,.form-modal .signup{background:#fff;color:#705de3;border-color:#705de3}.form-modal .login:hover,.form-modal .signup:hover{background:#705de3;color:#fff}.form-toggle{position:relative;width:100%;height:auto}.form-toggle button{width:50%;float:left;padding:1.5em;margin-bottom:1.5em;border:none;transition:.2s;font-size:1.1em;font-weight:700;border-radius:20px}.form-toggle button:nth-child(1){border-bottom-right-radius:20px}.form-toggle button:nth-child(2){border-bottom-left-radius:20px}#login-toggle{background:#705de3;color:#fff}#signup-toggle{background:#fff;color:#656565}.form-modal form{position:relative;width:90%;height:auto;left:50%;transform:translate(-50%)}#login-form,#signup-form,#phone-verification-form{position:relative;width:100%;height:auto;padding-bottom:1em}#signup-form{display:none}#login-form button,#signup-form button,#phone-verification-form button{width:100%;margin-top:.5em;padding:.6em;color:#705de3}#login-form button:hover,#signup-form button:hover,#phone-verification-form button:hover{width:100%;margin-top:.5em;padding:.6em;color:#fff;background:#705de3}.form-modal input{position:relative;width:100%;font-size:1em;padding:1.2em 1.7em;margin-top:.6em;margin-bottom:.6em;border-radius:20px;border:none;background:#ebebeb;outline:none;font-weight:700;transition:.4s}.form-modal input:focus,.form-modal input:active{transform:scaleX(1.02)}.form-modal input::-webkit-input-placeholder{color:#656565}.form-modal p{font-size:16px;font-weight:700}.form-modal p a{color:#705de3;text-decoration:none;transition:.2s}.form-modal p a:hover{color:#656565}.form-modal i{position:absolute;left:10%;top:50%;transform:translate(-10%) translateY(-50%)}.fa-google{color:#dd4b39}.fa-linkedin{color:#3b5998}.fa-windows{color:#0072c6}.-box-sd-effect:hover{box-shadow:0 4px 8px #d5d6d733}@media only screen and (max-width:500px){.form-modal{width:100%}}@media only screen and (max-width:400px){i{display:none!important}}#login-error-message,#login-success-message,#signup-error-message,#signup-success-message,#verification-error-message{text-align:center;margin-top:1em;display:block}#login-error-message,#signup-error-message,#verification-error-message{color:red;font-weight:700}#login-success-message,#signup-success-message{color:green;font-weight:700}body.dark-theme .form-modal{background-color:var(--dark-background-color);color:var(--dark-text-color);border:1px solid var(--dark-slide-menu-border)}body.dark-theme .form-toggle button{background-color:var(--dark-button-bg);color:var(--dark-button-text-color)}body.dark-theme .form-toggle button:hover{background-color:var(--dark-button-hover-bg)}body.dark-theme #login-form input,body.dark-theme #signup-form input,body.dark-theme #phone-verification-form input{background-color:var(--dark-header-bg);color:var(--dark-text-color);border:1px solid var(--dark-slide-menu-border)}body.dark-theme #login-submit,body.dark-theme #send_verification_code,body.dark-theme #resend_code,body.dark-theme #verify_button{background-color:var(--dark-button-bg);color:var(--dark-button-text-color)}body.dark-theme #login-submit:hover,body.dark-theme #send_verification_code:hover,body.dark-theme #resend_code:hover,body.dark-theme #verify_button:hover{background-color:var(--dark-button-hover-bg)}body.dark-theme #login-error-message,body.dark-theme #signup-error-message,body.dark-theme #verification-error-message{color:#ff6b6b}body.dark-theme #login-success-message,body.dark-theme #signup-success-message{color:#a5d6a7}body.dark-theme #pu a{color:var(--dark-link-color)}body.dark-theme #pu a:hover{color:var(--dark-link-hover-color)}.phone-field{display:flex;gap:.5em;width:100%}.phone-field select,.phone-field input{padding:1em;border-radius:20px;border:none;background:#ebebeb;font-size:1em;font-weight:700;outline:none;transition:.3s}.phone-field select{width:30%;text-align:center}.phone-field input{width:70%}.phone-field select:focus,.phone-field input:focus{transform:scaleX(1.02);background:#e0e0e0}body[data-page=user] .user-whatsapp-otp-note{display:block;margin-top:6px;color:#3f3f46;font-size:.95rem;font-weight:700;line-height:1.8;text-align:center}body[data-page=user] .user-whatsapp-otp-note__brand{color:#25d366;font-weight:800;direction:ltr;unicode-bidi:isolate}body.dark-theme[data-page=user] .user-whatsapp-otp-note{color:#e5e7eb}body[data-page=user] .form-modal .password-field{position:relative;width:100%}body[data-page=user] .form-modal .password-field input{width:100%;min-height:52px;padding-right:1.7em;padding-left:3.75rem}body[data-page=user] .form-modal .password-field .password-toggle{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);width:2.5rem!important;min-width:2.5rem!important;max-width:2.5rem!important;height:2.5rem;min-height:2.5rem;margin:0!important;padding:0!important;border:0;border-radius:50%;background:transparent!important;color:#705de3!important;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;z-index:3;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;opacity:.95;transition:opacity .2s ease,transform .2s ease}body[data-page=user] .form-modal .password-field .password-toggle:hover,body[data-page=user] .form-modal .password-field .password-toggle:active,body[data-page=user] .form-modal .password-field .password-toggle.is-visible{width:2.5rem!important;min-width:2.5rem!important;max-width:2.5rem!important;padding:0!important;background:transparent!important;color:#705de3!important;box-shadow:none;opacity:1;transform:translateY(-50%) scale(1.04)}body[data-page=user] .form-modal .password-field .password-toggle:focus{outline:0;box-shadow:none}body[data-page=user] .form-modal .password-field .password-toggle:focus-visible{outline:2px solid #705DE3;outline-offset:2px}body[data-page=user] .form-modal .password-field .password-toggle__icon{width:1.25rem;height:1.25rem;display:block;pointer-events:none;flex:0 0 auto}body.dark-theme[data-page=user] .form-modal .password-field .password-toggle,body.dark-theme[data-page=user] .form-modal .password-field .password-toggle:hover,body.dark-theme[data-page=user] .form-modal .password-field .password-toggle:active,body.dark-theme[data-page=user] .form-modal .password-field .password-toggle.is-visible{background:transparent!important;color:#705de3!important}@media(max-width:500px){body[data-page=user] .form-modal .password-field input{padding-left:3.5rem}body[data-page=user] .form-modal .password-field .password-toggle{left:.65rem;width:2.5rem!important;min-width:2.5rem!important;max-width:2.5rem!important;height:2.5rem;min-height:2.5rem}}
