/* auth.css — экран входа/регистрации. */

.auth {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-4);
  background: linear-gradient(180deg, var(--clr-primary-light) 0%, var(--clr-surface) 60%);
}
[data-theme="dark"] .auth {
  background: linear-gradient(180deg, var(--clr-surface-2) 0%, var(--clr-surface) 60%);
}

.auth__card {
  width: 100%;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  box-shadow: var(--shadow-lg);
}

.auth__logo {
  font-size: var(--text-2xl);
  text-align: center;
}

.auth__title {
  font-size: var(--text-2xl);
  text-align: center;
}

.auth__subtitle {
  text-align: center;
  margin-top: calc(-1 * var(--space-2));
}

.auth__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.auth__legal {
  font-size: var(--text-xs);
  text-align: center;
}