.main-login-page{background-color:var(--color-white-3)}.main-login-page .page-wrapper{margin:0 auto;padding:40px 12px 60px;display:flex;flex-direction:column;gap:30px}.main-login-page .content-title h1{font-size:32px;font-weight:600;text-align:left}.main-login-page .login-info-box,.main-login-page .login-form-box{width:100%;background-color:var(--color-white-1);border-radius:8px;box-shadow:0 1px 4px #0000000f;padding:24px;font-size:14px}.main-login-page .login-info-box ul{padding-left:24px;margin-bottom:8px}.main-login-page .login-info-box li{font-size:14px;color:var(--color-black-main);margin-bottom:4px;display:flex;align-items:flex-start;gap:6px}.main-login-page .login-info-link-text{color:var(--color-secondary);text-decoration:underline;font-size:14px;font-weight:400;cursor:pointer;display:inline-block}.main-login-page .login-form-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--color-stroke-primary);margin-bottom:24px}.main-login-page .login-form-header .form-section-title{font-size:18px;font-weight:700;color:var(--color-black-main);margin-bottom:0}.main-login-page .login-form-row{display:flex;gap:15px;margin-bottom:10px;flex-wrap:wrap}.main-login-page .login-form-group{flex:1;display:flex;flex-direction:column;position:relative}.main-login-page .login-form-label{font-size:16px;font-weight:400;color:var(--color-grey-1);margin-bottom:5px}.main-login-page .login-form-input{width:100%;padding:8px 12px;border:1px solid var(--color-grey-4);border-radius:4px;font-size:14px;height:40px;box-sizing:border-box;transition:border-color .3s}.main-login-page .login-form-input:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px #ff6b351a}.main-login-page .login-form-input.with-icon{padding-right:36px}.main-login-page .input-icon{position:absolute;right:12px;top:50%;transform:translateY(45%);font-size:16px;width:16px;height:16px}.main-login-page .togglePasswordIcon{cursor:pointer}.main-login-page .login-form-check{display:flex;flex-direction:row;gap:8px;align-items:center}.main-login-page .form-checkbox-input{width:20px;height:20px}.main-login-page .form-checkbox-label{font-size:16px}.main-login-page .btn-group{display:flex;justify-content:center;gap:24px;margin-top:24px}.main-login-page .login-btn{border-radius:100px;width:240px;font-size:16px;font-weight:700;padding:12px 32px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff6b354d;border:none;background:linear-gradient(135deg,#ff7b54,var(--color-main));color:var(--color-white-1)}.main-login-page .login-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.main-login-page .login-btn .spinner-border-sm{width:1rem;height:1rem}.main-login-page .register-btn{border-radius:100px;width:240px;font-size:16px;padding:12px 32px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff6b354d;border:1px solid var(--color-main);background:var(--color-white-1);color:var(--color-main);text-decoration:none;font-weight:500}.main-login-page .login-btn:hover,.main-login-page .register-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ff6b3566}.main-login-page .form-error{color:var(--color-danger-1);margin:4px auto;font-size:14px;font-weight:500;opacity:0;transition:opacity .3s ease;height:24px}.main-login-page .form-error.show{opacity:1}@media(max-width:1200px){.main-login-page .login-form-row{flex-direction:column}.main-login-page .login-form-group{width:100%}.main-login-page .btn-group{flex-direction:column-reverse;gap:24px}.main-login-page .login-btn,.main-login-page .register-btn{width:100%}}@media(max-width:768px){.main-login-page .login-form-header{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-width:576px){.main-login-page .page-wrapper{padding:24px 16px}.main-login-page .content-title h1{font-size:18px}.main-login-page .login-info-box{padding:16px;font-size:13px}.main-login-page .login-form-box{padding:16px}.main-login-page .login-form-header{margin-bottom:16px}.main-login-page .login-form-header .form-section-title,.main-login-page .login-info-link-text,.main-login-page .login-form-label{font-size:13px}.main-login-page .form-checkbox-label{font-size:12px}.main-login-page .login-btn,.main-login-page .register-btn{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/stylesheet.login.css.map */