/* Sign in and choosing a new password: one white card in the middle. */
.auth-card {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 1rem;
  padding: 2rem;
  border: 1px solid var(--color-border);
  border-radius: 1rem;
  background: var(--color-surface);
  box-shadow: var(--shadow-card);

  @media (max-width: 640px) { padding: 1.5rem 1.25rem; }
}
.auth-card__title { font-size: 2rem; font-weight: 700; }
.auth-card__text { color: var(--color-text); }
.auth-card__samples {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.875rem 1rem;
  border-radius: 0.625rem;
  background: var(--color-primary-soft);
  color: var(--color-primary-dark);
  font-size: 0.9375rem;
}