#password-requirements {
  display: none;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 10px;
  padding: 6px 2px;
}

#password-requirements.visible {
  display: flex;
}

.req-item {
  font-family: var(--bs-font-monospace);
  font-size: 0.78rem;
  color: var(--bs-body-color);
  opacity: 0.4;
  transition: color 0.3s ease;
}

.req-item::before {
  content: '✗  ';
}

.req-item.met {
  opacity: 1;
}

.req-item.met::before {
  content: '✓  ';
}