body {
  font-family: Arial, Helvetica, sans-serif;
}

.login-page {
  min-height: 100vh;
}

.login-page > section {
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.login-page .card {
  border-color: #dce3ea !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08) !important;
}

.login-page .card-body {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.login-page .form-control {
  min-height: 58px;
  border-color: #cfd8e3;
  border-radius: 6px;
}

.login-page .password-wrap {
  position: relative;
}

.login-page .password-wrap .form-control {
  padding-right: 3rem;
}

.login-page .password-eye {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #0f172a;
  pointer-events: none;
}

.btn-primary {
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
}