.login{display:flex;flex-direction:row;height:100vh;background-color:#fff;padding-top:46px}.login__left{display:flex;padding:0 20px;flex-direction:column;align-items:center;flex:1 0 0;align-self:stretch}.left__top{width:100%;height:100%;max-height:72px}.left__middle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;flex:1 0 0;align-self:stretch}.middle__heading{display:flex;flex-direction:column;align-items:center;gap:12px;align-self:stretch}.heading__login{color:var(--text-main, #1e1e1e);text-align:center;font-size:var(--font-size-2xl, 36px);font-weight:600}.subtitle__login{color:var(--text-secondary, rgba(30, 30, 30, .9));text-align:center;font-size:var(--font-size-md, 16px);font-weight:500}.middle__form{display:flex;max-width:440px;flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100%}.form__content{display:flex;flex-direction:column;align-items:flex-start;gap:32px;align-self:stretch}.input__email{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.label__email{color:var(--text-secondary, rgba(30, 30, 30, .9));font-size:var(--font-size-md, 16px);font-style:normal;font-weight:500;line-height:normal}.input__password{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.top__label{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.label__password{color:var(--text-secondary, rgba(30, 30, 30, .9));font-size:var(--font-size-md, 16px);font-style:normal;font-weight:500;line-height:normal}.label__forgot__password{color:var(--text-secondary, rgba(30, 30, 30, .9));font-size:var(--font-size-sm, 15px);font-weight:500;text-decoration-line:underline;cursor:pointer}.form__bottom{display:flex;max-width:480px;flex-direction:column;align-items:center;gap:20px;align-self:stretch}.button-login{display:flex;padding:13px 24px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:100px;background:#00266c;color:var(--text-white, #fff);font-size:16px;font-weight:500;line-height:var(--line-height-base, 20px);letter-spacing:var(--letter-spacing-base, .04px);transition:all .3s ease}.button-login:hover{background:#002f88}.button-login:active{transform:scale(.95)}.bottom__account{display:flex;align-items:center;gap:6px;font-size:14px}.create__account{color:var(--text-tertiary, rgba(30, 30, 30, .85));text-align:center;font-size:var(--font-size-xs, 14px);font-weight:500;text-decoration-line:underline;cursor:pointer}.left__bottom{width:100%;height:100%;max-height:72px}.login__right{height:100vh;width:100%;display:none;height:100%}.login__image{height:100%;width:100%;border-top-left-radius:50px;border-bottom-left-radius:50px}@media(min-width:768px){.login__left{padding:0 40px}.heading__login{font-size:44px}.subtitle__login{font-size:18px}.label__forgot__password{font-size:16px}.bottom__account{font-size:15px}.button-login{font-size:18px;padding:14px 24px}}@media(min-width:1024px){.login__right{display:block;width:50%}.login{padding-top:56.5px}}.password__wrapper{position:relative;width:100%}.password__wrapper .password__input{width:100%;padding-right:44px}.password__toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;color:var(--text-gray, #666);transition:color .2s ease}.password__toggle:hover{color:var(--text-secondary, rgba(30, 30, 30, .9))}.password__toggle svg{width:20px;height:20px}.error-message{color:#dc2626;font-size:14px;font-weight:500;animation:slideDown .5s ease-out;opacity:1;transition:opacity .5s ease}.email-error-message{margin-top:4px;display:block}.login-error-message{text-align:center;padding:12px 16px;background-color:#fee;border-radius:8px;border:1px solid #fecaca}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:100px}}.input-error{box-shadow:0 0 0 1.5px #dc2626!important}.form__bottom{display:flex;max-width:480px;flex-direction:column;align-items:center;gap:20px;align-self:stretch;min-height:auto}.middle__form{display:flex;max-width:440px;flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100%;transition:all .5s ease}.password-error-message{margin-top:4px;display:block}
