.loginPage {
  background-color: #07131a !important;
  background-image:
    linear-gradient(90deg, rgba(4, 12, 18, 0.78), rgba(4, 12, 18, 0.38) 52%, rgba(4, 12, 18, 0.5)),
    url('/login-belaz-background.png?v=1') !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  min-height: 100svh !important;
}

.loginPage .loginCard {
  background: rgba(255, 255, 255, 0.93) !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.48) !important;
}

html[data-theme='dark'] .loginPage .loginCard {
  background: rgba(12, 24, 31, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

@media (max-width: 700px) {
  .loginPage {
    background-image:
      linear-gradient(rgba(4, 12, 18, 0.55), rgba(4, 12, 18, 0.72)),
      url('/login-belaz-background.png?v=1') !important;
    background-position: 72% center !important;
    padding: 16px !important;
  }

  .loginPage .loginCard {
    padding: 20px !important;
  }
}