.login-page{min-height:100vh;display:flex;flex-direction:column}.login-page__body{flex-grow:1;display:flex;align-items:center;justify-content:center;padding-block:8rem;background-image:var(--auth-bg-top),var(--auth-bg-bottom);background-repeat:no-repeat;background-position:0 0,100% 100%;background-size:contain}.login-page .login-form{transform:translateY(-5%);margin:0 auto;padding:9.6rem 11.5rem 6rem;border-radius:20px;background:#fff;box-shadow:0 95px 27px 0 rgba(76,177,159,0),0 61px 24px 0 rgba(76,177,159,.01),0 34px 21px 0 rgba(76,177,159,.03),0 15px 15px 0 rgba(76,177,159,.04),0 4px 8px 0 rgba(76,177,159,.05)}.login-page .login-form__title{font-size:2.4rem;font-weight:700;margin-bottom:2.4rem;color:#333}.login-page .login-form__error{color:red;font-size:1.6rem;font-weight:500;margin-inline:auto}.login-page .login-form__form{display:flex;flex-direction:column}.login-page .login-form__input-group{margin-bottom:1.6rem}.login-page .login-form__label{display:block;margin-bottom:.8rem;font-weight:500;color:#333}.login-page .login-form__input{width:450px;padding:1.2rem;border:1px solid #e0e0e0;border-radius:.8rem;font-size:1.6rem}.login-page .login-form__input::placeholder{color:#aaa}.login-page .login-form__input:focus{outline:none;border-color:#4cb19f}.login-page .login-form__password-input{position:relative}.login-page .login-form__password-toggle{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:2rem}.login-page .login-form__forgot-password{align-self:flex-end;color:#4cb19f;text-decoration:none;font-size:1.6rem;margin-bottom:1.6rem;font-weight:500}.login-page .login-form__forgot-password:hover{text-decoration:underline}.login-page .login-form__submit{margin-top:2rem;background-color:#1a1a1a;color:#fff;border:none;border-radius:.8rem;padding:1.2rem;font-size:1.6rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;height:5rem;transition:all .2s}.login-page .login-form__submit:hover{background-color:#333}.login-page .login-form__signup{margin-top:1.6rem;text-align:center;font-size:1.6rem;color:#666;font-weight:500}.login-page .login-form__signup-link{color:#4cb19f;text-decoration:none}.login-page .login-form__signup-link:hover{text-decoration:underline}@media only screen and (max-width:850px){.login-page__body{padding-block:4rem;padding-inline:2rem}.login-page .login-form{transform:translateY(0);padding:3rem 2rem;width:100%}.login-page .login-form__input{width:100%}}