html,
html body,
html body[data-path="login"],
html body .for-login,
html body .for-forgot,
html body .for-signup,
html body .for-email-login {
  background-color: transparent !important;
  background-image: url('/assets/my_theme/images/login_bg.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  min-height: 100vh;
}

.page-card,
.login-content.page-card {
  background: #ffffff !important;
  border: none !important;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.page-card-head h4,
.page-card-head .login-title,
.page-card a {
  color: #3464DD !important;
}

html body .page-card .page-card-actions button.es-button[data-variant="solid"],
html body button.es-button[data-variant="solid"][type="submit"] {
  background: #3464DD !important;
  color: #ffffff !important;
  border: 1px solid #3464DD !important;
}
html body .page-card .page-card-actions button.es-button[data-variant="solid"]:hover {
  background: #2a50b0 !important;
}
html body .page-card .page-card-actions button.es-button:not([data-variant="solid"]) {
  background: #eaf0fc !important;
  color: #3464DD !important;
}

.page-card input:focus {
  border-color: #3464DD !important;
  box-shadow: 0 0 0 3px rgba(52, 100, 221, 0.2) !important;
  outline: none !important;
}