:root {
  --bs-body-bg: #0f2452;
  --bgimage: url("https://quoter3.cremadesignstudio.com/assets/img/bg-large.jpg");
  --logo: url("https://quoter3.cremadesignstudio.com/assets/img/logos/agent-quoter-stacked.png");
}

#login, #register, #reset-password, #logout {
  --bs-secondary-rgb: 255, 255, 255;
  --bs-heading-color: white;
}
#login .logo-wrapper, #register .logo-wrapper, #reset-password .logo-wrapper, #logout .logo-wrapper {
  width: 300px;
}
#login .card-main, #register .card-main, #reset-password .card-main, #logout .card-main {
  --bs-card-color: white;
  --bs-card-bg: transparent;
  --bs-card-border-color: white;
  --bs-card-border-radius: 15px;
  padding: calc(var(--bs-card-spacer-x) * 1.5);
}
#login .card, #login .portal-app, #register .card, #register .portal-app, #reset-password .card, #reset-password .portal-app, #logout .card, #logout .portal-app {
  --bs-card-bg: transparent;
  --bs-card-border-color: rgba(255, 255, 255, 1);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}