/* ============================================================
   BeerDelivery — авторизация
   ============================================================ */

.auth {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: var(--space-6);
  background:
    radial-gradient(1200px 600px at 10% -10%, var(--color-primary-soft), transparent 60%),
    radial-gradient(900px 500px at 100% 100%, var(--color-info-soft), transparent 55%),
    var(--color-bg);
}
.auth__content { width: 100%; max-width: 400px; }
.auth__card {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  padding: var(--space-8);
  box-shadow: var(--shadow-lg);
  text-align: center;
  animation: fadeIn var(--transition-slow) both;
}
.auth__logo {
  width: 56px; height: 56px;
  margin: 0 auto var(--space-4);
  color: var(--color-primary);
}
.auth__logo svg { width: 100%; height: 100%; }
.auth__title { font-size: 22px; font-weight: 800; letter-spacing: -0.01em; }
.auth__subtitle { color: var(--color-text-muted); font-size: 14px; margin-top: var(--space-1); margin-bottom: var(--space-6); }
.auth__form { display: flex; flex-direction: column; gap: var(--space-4); text-align: left; }
.auth__hint { margin-top: var(--space-6); font-size: 12px; color: var(--color-text-subtle); }

.field__control input { padding: 12px 0; }