body {
  font-family: "Acme", sans-serif !important;
}
.form-control {
  padding: 0.75rem;
  border-radius: 10px;
  border: 1px solid #ccc;
}
#passwordRules li {
  color: #f53b4d;
  transition: color 0.3s ease, transform 0.2s ease;
}
#passwordRules li:has(:contains("✅")) {
  color: #1b1bf0;

  transform: translateX(5px);
}
#togglePassword {
  border-left: none;
}
#togglePassword i {
  pointer-events: none;
}
/* Dark Mode Styles */
.dark-mode {
    background-color: #121212 !important;
    color: #f8f9fa !important;
}

.dark-mode .form-control {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #ccc !important;
}

.dark-mode label,
.dark-mode .input-group-text {
    color: #f8f9fa !important;
    background-color: transparent !important;
}

.dark-mode .btn-primary {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.dark-mode .btn-secondary {
    background-color: #444;
    border-color: #444;
    color: #fff;
}
.btn-outline-danger i {
  font-size: 1.2rem;
}
.btn-outline-danger:hover {
  background-color: #db4437;
  color: #fff;
}