.login-form[data-v-5f6e5e84] {
  padding: calc(var(--scale) * 20) calc(var(--scale) * 16);
  display: flex;
  flex-direction: column;
  border-radius: calc(var(--scale) * 32);
  background-color: #ffffff;
}
.login-form__title[data-v-5f6e5e84] {
  margin-bottom: calc(var(--scale) * 20);
  font-weight: 500;
  font-size: calc(var(--scale) * 28);
  line-height: 95%;
  text-align: center;
  letter-spacing: -0.02em;
  color: #02120F;
}
.login-form__error[data-v-5f6e5e84] {
  margin-bottom: calc(var(--scale) * 20);
  margin-top: calc(-1 * var(--scale) * 12);
  font-weight: 500;
  font-size: calc(var(--scale) * 16);
  line-height: 130%;
  text-align: center;
  color: #FF0040;
}
.login-form__email[data-v-5f6e5e84] {
  width: 100%;
  margin-bottom: calc(var(--scale) * 8);
}
.login-form__password[data-v-5f6e5e84] {
  margin-bottom: calc(var(--scale) * 16);
}
.login-form[data-v-5f6e5e84] input {
  width: 100%;
  height: auto;
  padding: calc(var(--scale) * 22) calc(var(--scale) * 24);
  border: 1px solid #CACACB;
  border-radius: calc(var(--scale) * 24);
  background: #ffffff !important;
  font-weight: 500;
  font-size: calc(var(--scale) * 18);
  line-height: 120%;
  color: #02120F;
}
.login-form[data-v-5f6e5e84] input::placeholder {
  color: #A7ABAC;
}
.login-form[data-v-5f6e5e84] .error-message {
  display: none;
}
.login-form__submit[data-v-5f6e5e84] {
  margin-bottom: calc(var(--scale) * 8);
  padding: calc(var(--scale) * 30) calc(var(--scale) * 10);
  background-color: #FF5319;
  border-radius: calc(var(--scale) * 24);
  font-weight: 500;
  font-size: calc(var(--scale) * 18);
  line-height: 110%;
  color: #FFFFFF;
}
@media (hover: hover) {
.login-form__submit[data-v-5f6e5e84]:hover {
    background-color: #FF9C12;
}
}
.login-form__register[data-v-5f6e5e84] {
  padding: calc(var(--scale) * 29) calc(var(--scale) * 10);
  background-color: transparent;
  border-radius: calc(var(--scale) * 24);
  border: 1px solid #5237E6;
  font-weight: 500;
  font-size: calc(var(--scale) * 18);
  line-height: 110%;
  color: #5237E6;
  text-align: center;
}
@media (hover: hover) {
.login-form__register[data-v-5f6e5e84]:hover {
    background-color: rgba(82, 55, 230, 0.1);
}
}
.login-form__remember[data-v-5f6e5e84] {
  margin-top: auto;
  font-weight: 400;
  font-size: calc(var(--scale) * 20);
  line-height: 130%;
  text-align: center;
  text-decoration-line: underline;
  color: #FF5319;
}
@media (hover: hover) {
.login-form__remember[data-v-5f6e5e84]:hover {
    color: #FF9C12;
}
}