:root{--form-ct-width:calc(500px + min(11.5%, 220px));--form-width:500px}.next-base:has(section.login) .custom_footer{display:none!important}.next-base:has(section.login) .custom_header .profile-login{display:none!important}body:has(section.login) .mobile_main_nav_bar{display:none!important}.next-base:has(section.login) .custom_header{background:#02001d59;width:100%;position:fixed;box-shadow:0 5px 10px 4px #080356bf}.next-base:has(section.login) section.base-page{background-image:url(/pages/auth/background.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:calc(100vh - 70px);display:flex}section.login{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(90deg,#0000004d 0% 45%,#000000d9 75%,#000000e6 100%);width:100%;min-width:-webkit-fill-available;height:100%;min-height:-webkit-fill-available}.mn-auth{width:var(--form-ct-width);flex-direction:column;gap:30px;margin:0 0 0 auto;padding-top:max(20vh,140px);padding-right:min(11.5%,220px);display:flex}div#mn-auth-login,div#mn-auth-register{min-width:var(--form-width);max-width:var(--form-width);flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex}.mn-auth-body{padding-bottom:30px;overflow-x:hidden}.mn-auth-body-inr{flex-direction:row;gap:100px;width:max-content;transition:all .5s;display:flex}.mn-auth-body-inr.register-active{transform:translate(calc(-100% - 100px))}.form-switcher{cursor:pointer;background:#34308240;border:1px solid #8e8e8e80;border-radius:12px;align-items:center;width:490px;height:60px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.form-option{opacity:.6;letter-spacing:.5px;color:#8e8e8e;border-radius:10px;justify-content:center;align-items:center;width:50%;height:100%;padding:2px 6px;font-family:Montserrat-SemiBold;font-size:20px;transition:all .3s;display:flex;position:relative}.form-option.active{opacity:1;color:#fafafa;background:#343082f2;font-weight:700;transform:scale(1.05)}.form-switcher:hover{background:#34308273;border-color:#8e8e8eb3;transform:translateY(-1px)}.mn-auth-body form{width:100%;max-width:330px}.mn-auth-body form button[type=submit]{width:100%;height:52px;margin-top:24px}.hr-auth{background:#5a578dcc;width:90%;height:1px}@media screen and (max-width:1000px){.mn-auth{width:500px;margin:0 auto;padding-right:0}}@media screen and (max-width:600px){.mn-auth{width:calc(100vw - 28px);padding:100px 10px 10px}div#mn-auth-login,div#mn-auth-register{min-width:calc(100vw - 48px);max-width:calc(100vw - 48px)}.mn-auth-head{justify-content:center;align-items:center;display:flex}section.base-page{padding:0}section.login{background:linear-gradient(#0009 0%,#000000e6 100%)}}@media screen and (max-width:390px){.form-option{font-size:18px}.mn-auth-body form button[type=submit]{height:45px;margin-top:20px;font-size:18px}.mn-auth{width:calc(100vw - 12px);padding:100px 10px 10px}div#mn-auth-login,div#mn-auth-register{min-width:calc(100vw - 32px);max-width:calc(100vw - 32px);padding:0 10px}}@media screen and (max-width:350px){.form-option{font-size:17px}.mn-auth{padding:80px 10px 10px}}form#verification-form{background-color:#140f5759;border-radius:20px;width:100%;min-width:260px;max-width:550px;max-height:calc(100vh - 251px);padding:35px 25px;position:relative;box-shadow:0 0 10px #00000026}form#verification-form .form-inr{flex-direction:column;gap:30px;max-height:calc(100vh - 251px);padding:0 10px;display:flex;overflow-y:auto}.form-title{flex-direction:column;display:flex}span.form-title-svg{background-color:#a4dbff80;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:auto;display:flex}span.form-title-svg svg{width:38px;height:auto;color:var(--base-blue)}span.form-title-text{margin:20px 0 10px}span.form-title-desc,.form-body-again-span span{color:#a3a3a3;font-family:Montserrat;font-size:16px}.form-body-again{justify-content:space-between;align-items:center;display:flex}.custom-input-code{flex-direction:row;justify-content:space-between;gap:2px;display:flex}input.custom-input-code{color:var(--base-input-color);box-sizing:content-box;border-radius:8px;aspect-ratio:1!important;text-align:center!important;background-color:#1c212c!important;border:none!important;outline:1px solid #8e8e8e!important;width:calc(16.6667% - 30.1667px)!important;padding:12px!important;font-family:Montserrat-SemiBold!important;font-size:30px!important}.custom-input:has(p.error-valid) input.custom-input-code{outline:1px solid var(--base-red)!important}input.custom-input-code:focus,input.custom-input-code:focus-visible{border-color:(--base-blue);outline:2px solid var(--base-blue)!important}form#verification-form .custom-transparent-btn{aspect-ratio:auto;border-radius:6px;width:100px;height:36px;padding:0 8px;font-size:15px}form#verification-form .custom-blue-btn{aspect-ratio:auto;width:100%;height:42px}form#verification-form .custom-input:has(p.error-valid){flex-direction:column;gap:8px;display:flex}form#verification-form:has(p.error-valid) button#verify-submit-btn{outline:1px solid var(--base-red);border-color:var(--base-red);cursor:not-allowed;pointer-events:none;background-color:#8e8e8e60}.reset-password-btn{color:var(--base-blue);text-align:center;margin-top:12px;font-size:14px;display:block}.reset-password-btn:hover{text-decoration:underline}@media screen and (max-widht:600px){.next-base:has(section.login) section.base-page{min-height:calc(100vh - 50px)}form#verification-form{max-height:calc(100vh - 151px);padding:15px 8px}input.custom-input-code{width:calc(16.6667% - 18.1667px)!important;padding:10px 6px!important;font-size:22px!important}.form-body-again-span span,span.form-title-desc{font-size:14px}}
