.auth-container { max-width: 520px; }
.auth-container--narrow { max-width: 440px; }

.auth-card-body { padding: var(--sp-8); }

.auth-title {
  font-size: var(--fs-2xl);
  margin: var(--sp-1) 0 var(--sp-2);
}
.auth-title--tight { margin-bottom: var(--sp-2); }

.auth-lead { margin-bottom: var(--sp-6); }

.auth-field { margin-bottom: var(--sp-4); }
.auth-field--last { margin-bottom: var(--sp-5); }

.auth-error {
  color: var(--danger);
  font-size: var(--fs-xs);
  margin-top: 4px;
}

.auth-submit {
  width: 100%;
  margin-top: var(--sp-2);
}

.auth-footnote {
  text-align: center;
  margin: var(--sp-6) 0 0;
  font-size: var(--fs-sm);
}
.auth-footnote--mid {
  text-align: center;
  margin: var(--sp-5) 0 0;
  font-size: var(--fs-sm);
}
.auth-footnote--tight {
  text-align: center;
  margin: var(--sp-3) 0 0;
  font-size: var(--fs-sm);
}

.auth-container--medium { max-width: 600px; }
.auth-card-body--padded { padding: var(--sp-6); }

.auth-alert { margin-bottom: var(--sp-4); }

.auth-text-small { font-size: 0.92rem; }