/* Страницы без шапки: вход, возврат из почты, «раздел недоступен».
   Раскладка у всех трёх одна — карточка по центру пустого экрана; раньше она
   была скопирована в каждую страницу (местами прямо атрибутом style). */

.auth-wrap {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
}

.auth-card {
  width: 100%;
  max-width: 380px;
  padding: 28px;
  position: relative;
}

/* Пояснительным страницам нужна строка подлиннее, чтобы текст не рвался. */
.auth-card.wide { max-width: 460px; }

.auth-title {
  font-size: var(--fs-lead);
  font-weight: 700;
  margin-bottom: 6px;
}

.auth-sub {
  font-size: var(--fs-base);
  color: var(--muted);
  margin-bottom: 20px;
  line-height: 1.5;
}

.auth-field {
  width: 100%;
  padding: 11px 13px;
  border-radius: var(--r-sm);
  border: 1px solid var(--border2);
  background: var(--surface2);
  color: var(--text);
  font-size: var(--fs-h3);
  margin-bottom: 12px;
}

.auth-field:focus {
  outline: none;
  border-color: var(--blue);
}

.auth-submit {
  width: 100%;
  padding: 11px;
  border-radius: var(--r-sm);
  border: 1px solid var(--border2);
  background: rgba(56, 189, 248, .16);
  color: var(--text);
  font-size: var(--fs-base);
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
}

.auth-submit:hover { background: rgba(56, 189, 248, .28); }

.auth-note {
  margin-top: 14px;
  font-size: var(--fs-sm);
  line-height: 1.5;
}

.auth-note.ok  { color: var(--green); }
.auth-note.err { color: var(--red); }

.auth-divider {
  margin: 18px 0 12px;
  font-size: var(--fs-xs);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--dim);
  text-align: center;
}

.auth-hint {
  margin-top: 10px;
  font-size: var(--fs-xs);
  color: var(--dim);
  line-height: 1.5;
}

/* Строка кнопок под текстом — «К ценам» / «Выйти». */
.auth-actions {
  margin-top: 18px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}