html,
body {
  height: 100%;
  background-color: #272A36;
}

.form-signin {
  max-width: 330px;
  padding: 1rem;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin .form-floating {
  margin-bottom: 10px;
}

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

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

.req-item {
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.78rem;
  color: #6c757d;
  transition: color 0.3s ease;
}

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

.req-item.met {
  color: #00e676;
}

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