/* Экран без данных: вход, смена пароля, приглашение по ссылке.
 * Узкая колонка по центру — здесь человек делает ровно одно действие.
 */

.gate {
  max-width: 26rem;
  margin: 0 auto;
  padding: var(--space-8) var(--space-5);
  display: grid;
  gap: var(--space-6);
}

.gate__head { display: grid; gap: var(--space-3); justify-items: start; }

.gate__mark { width: 40px; height: 40px; }

.gate__title {
  font-size: var(--text-h1);
  font-weight: var(--weight-medium);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  margin: 0;
}

.gate__lead {
  color: var(--color-text-secondary);
  line-height: var(--leading-normal);
  max-width: var(--measure);
  margin: 0;
}

.gate__form { display: grid; gap: var(--space-4); }

.gate__form .t-field { max-width: none; }

.t-field__note--error { color: var(--color-danger); }