/* Sign in / password reset: a narrow centred column, title above the card. */

.auth {
  width: 100%;
  max-width: var(--measure-narrow);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
  padding: var(--space-2xl) 0;
}

.auth__intro {
  text-align: center;
}

.auth__title {
  margin: 0;
  font-size: var(--text-3xl);
  font-weight: var(--weight-semibold);
}

.auth__sub {
  margin: 6px 0 0;
  font-size: var(--text-md);
  color: var(--text-secondary);
}

.auth .button {
  width: 100%;
}