.auth {
  min-height: calc(100vh - 160px);
  display: grid;
  place-items: center;
  padding: 10px 0 40px;
}
.auth__card { width: min(420px, 100%); }
.auth__form { display: grid; gap: 10px; margin-top: 10px; }
.auth__form label { display: grid; gap: 6px; }
.auth__form input {
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  background: var(--card-alt-bg);
  color: var(--text-color);
}
.auth__error {
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--warning-color);
  background: rgba(245, 158, 11, 0.12);
  margin-top: 10px;
}
.auth__hint { margin-top: 12px; }