.lph-login-body {
  --login-overlay: rgba(15, 23, 40, 0.84);
  min-height: 100vh;
  background-color: #19294c;
  background-image:
    linear-gradient(var(--login-overlay), var(--login-overlay)),
    url("/assets/texture-blue.jpg");
  background-position: center;
  background-size: auto, 240px 240px;
  background-repeat: no-repeat, repeat;
}

.lph-login-card {
  border: 1px solid var(--nav-border);
  border-radius: 12px;
  padding: 32px;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.2);
}

.lph-login-top {
  margin-bottom: 16px;
}

.lph-login-top .login-brand-logo {
  width: 48px;
  height: auto;
  object-fit: contain;
}

.lph-login-top .login-logo-dark {
  display: none;
}

.lph-login-top .lph-brand {
  gap: 9px;
}

.lph-login-card h1 {
  letter-spacing: -0.5px;
}

.identity-provider,
.oauth-btn {
  border-radius: 7px;
}

.legal-checkbox {
  border-radius: 7px;
}

html[data-lot-mode="light"] .lph-login-body {
  --login-overlay: rgba(244, 246, 250, 0.72);
}

html[data-lot-mode="light"] .lph-login-top .lph-brand {
  color: #242a36 !important;
}

html[data-lot-mode="dark"] .lph-login-body {
  --text-color: #edf0f7;
  --text-alt-color: #a9b0c1;
  --text-color-contrast: #172033;
  --bg-color: #131b2a;
  --primary-color: #b6a2f1;
  --secondary-color: #f5f4fa;
  --accent-color: #8d78ce;
  --alt-color: #263248;
  --nav-color: #1b2537;
  --nav-border: #ffffff20;
  --dashboard-bg-color: #141d2e;
  --dashboard-tint-color: #ffffff0b;
  --dashboard-tint-color-hover: #ffffff16;
  --box-shadow-color: #00000052;
  --green-color: #81d8a7;
}

html[data-lot-mode="dark"] .lph-login-top .lph-brand {
  color: #f5f4fa !important;
}

html[data-lot-mode="dark"] .lph-login-top .login-logo-light {
  display: none;
}

html[data-lot-mode="dark"] .lph-login-top .login-logo-dark {
  display: block;
}

@media (max-width: 520px) {
  .lph-login-body {
    padding: 22px 16px;
  }

  .lph-login-card {
    padding: 26px 22px;
  }
}