/* ============================================================
   Вход, регистрация, восстановление пароля.

   Палитра и шрифты приходят из style.css — он теперь тот же, что у
   кабинета и у главной. Здесь остаётся только то, что есть лишь на
   этих трёх страницах: знак сети над формой, сама карточка и группа
   языков.
   ============================================================ */

/* Знак сети над формой: человек должен видеть, куда он пришёл, не
   вчитываясь в заголовок. */
.auth-brand {
  display: flex; align-items: center; justify-content: center; gap: 9px;
  margin-bottom: 22px; text-decoration: none; color: var(--color-text);
  font-weight: 700; font-size: 18px; letter-spacing: -.02em;
}
.auth-brand .mark {
  width: 26px; height: 26px; border-radius: 7px; flex-shrink: 0;
  background: var(--color-primary); color: #04140A; display: grid; place-items: center;
}
.auth-brand .mark svg { width: 15px; height: 15px; }

.auth-card {
  border: 1px solid var(--color-border);
  border-radius: 12px !important;
  padding: 34px 32px !important;
}
.auth-card h1 { font-size: 25px !important; letter-spacing: -.02em; }
.auth-card p { font-size: 14.5px !important; }

.form-group label { font-size: 14px; }
.form-group input, .form-group select { font-size: 15px !important; }
.form-group input:focus, .form-group select:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, .12) !important;
}

.btn-primary { min-height: 46px; }

/* Языки одной группой, а не россыпью кнопок. */
.auth-lang-wrap { display: flex; justify-content: center; }
.auth-lang {
  display: inline-flex !important; gap: 1px; padding: 3px; margin: 0 auto 22px;
  background: var(--color-surface-2); border: 1px solid var(--color-border);
  border-radius: var(--radius);
}
.auth-lang .lang-btn {
  min-width: 40px; height: 34px; padding: 0 9px;
  border: 0; border-radius: 5px; background: transparent;
  letter-spacing: .04em; text-transform: uppercase;
}
.auth-lang .lang-btn.active {
  background: var(--color-surface); color: var(--color-text); box-shadow: var(--shadow);
}
@media (pointer: coarse) { .auth-lang .lang-btn { min-width: 44px; height: 40px; } }

.auth-footer a { font-weight: 600; }
.auth-footer a:hover { text-decoration: underline; }