*::placeholder {
  color: #aaa !important; /* Lighter shade of gray */
  opacity: 1 !important;  /* Ensures the color is not further faded */
}

/* Override Bootstrap btn-primary styles */
.btn-primary {
  background-color: #6836F4 !important;
  border-color: #6836F4 !important;
  color: #FFFFFF !important;
}

/* Hover state */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #5A28EA !important;
  border-color: #5A28EA !important;
  color: #FFFFFF !important;
}

/* Optional: focus ring or shadow */
.btn-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(104, 54, 244, 0.5) !important;
}

/* Optional: active state */
.btn-primary:active {
  background-color: #5A28EA !important;
  border-color: #5A28EA !important;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  cursor: not-allowed;
  pointer-events: unset;
}

.full-screen-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Ensures the image covers the whole screen without distortion */
  z-index: -1;
  /* Places the image behind the content */
}

#passwordRules li {
  color: #dc3545;
  /* Bootstrap danger red for unmet */
  position: relative;
  padding-left: 1.5em;
}

#passwordRules li::before {
  content: "✗";
  position: absolute;
  left: 0;
  top: 0;
  color: #dc3545;
}

#passwordRules li.valid {
  color: #198754;
  /* Bootstrap success green for passed */
}

#passwordRules li.valid::before {
  content: "✓";
  color: #198754;
}