/* ============================================================
   Гостевая главная: форма входа и пояснение вокруг неё.

   Раскладка: на ПК два столбца — пояснение и карточка входа (та же
   `.auth`, что на регистрации и восстановлении), на телефоне одна
   колонка, пояснение сверху. Схема «одна анкета — четыре сайта»
   (neon_login_scheme) показывается только с планшета: на телефоне она
   отодвигала бы форму за первый экран.

   Цвета — только токенами: страница живёт и в тёмной теме. Розового
   намеренно немного (владелец 12.09.2026) — знак, ключ, галочки,
   кнопка «Войти» и ссылки; заголовок тёмный, превью и провода серые.
   Фон чистый: фирменная подсветка за пояснением на узких экранах
   читалась кругом, и её сняли совсем.
   ============================================================ */

.lnd{display:flex;align-items:center;
  min-height:calc(100vh - var(--top-h) - 60px);min-height:calc(100dvh - var(--top-h) - 60px)}
.lnd-in{width:100%;max-width:1120px;margin:0 auto;display:grid;
  grid-template-columns:minmax(0,1fr) 400px;gap:clamp(40px,6vw,88px);align-items:center;padding:20px 0 36px}

/* ---------- пояснение ---------- */
.lnd-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 9px;border-radius:99px;
  background:var(--brand-soft);color:var(--brand-text);font-size:var(--fs-small);font-weight:600;line-height:1.2}
.lnd-h1{margin:18px 0 0;font-size:clamp(30px,3.35vw,48px);font-weight:750;letter-spacing:-.03em;line-height:1.08}
.lnd-lead{margin:14px 0 0;font-size:17px;line-height:1.5;color:var(--t2)}

/* ---------- схема: знак, провода, четыре одинаковых окна ---------- */
.lnd-map{margin-top:44px;width:572px;max-width:100%}
.lnd-map-mark{display:flex;justify-content:center}
.lnd-map-mark .logo-mark{border-radius:9px;
  box-shadow:0 6px 16px color-mix(in srgb,var(--brand) 14%,transparent)}
.lnd-map-wires{display:block;width:100%;height:40px;color:color-mix(in srgb,var(--t4) 40%,var(--b3))}
.lnd-map-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.lnd-win{background:var(--card);border:1px solid var(--b2);border-radius:var(--r-m);
  box-shadow:var(--shadow-raised);overflow:hidden}
.lnd-win-bar{display:flex;align-items:center;gap:4px;height:18px;padding:0 8px;
  background:var(--s2);border-bottom:1px solid var(--b1)}
.lnd-win-bar i{width:5px;height:5px;border-radius:50%;background:var(--b3)}
.lnd-win-body{padding:8px}
/* Превью фото — серая плитка с силуэтом: это заглушка, а не настоящий кадр. */
.lnd-ph{display:flex;align-items:flex-end;justify-content:center;height:76px;overflow:hidden;
  border-radius:var(--r-s);
  background:linear-gradient(155deg,var(--s2),var(--s3) 55%,color-mix(in srgb,var(--b3) 60%,var(--s3)))}
.lnd-ph svg{width:50px;height:50px;color:var(--card);opacity:.92}
.lnd-win-name{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px;
  font-size:12px;font-weight:650;line-height:1.2;color:var(--t1);white-space:nowrap}
.lnd-ok{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:18px;height:18px;
  border-radius:50%;background:var(--brand);color:var(--action-text)}
.lnd-ok svg{width:11px;height:11px}

/* ---------- карточка входа ---------- */
.lnd .auth{margin:0;max-width:none;width:100%;border-color:var(--b2);box-shadow:var(--shadow-raised)}
.lnd .auth h2{margin:0;font-size:var(--fs-title);font-weight:700;letter-spacing:-.02em;line-height:1.15}
.lnd .auth .onote{text-align:center}
/* Развилка под формой: черта с подписью «или», под ней контурная кнопка
   регистрации. Залитая кнопка на странице остаётся одна — «Войти». */
.lnd-or{display:flex;align-items:center;gap:10px;margin:16px 0 12px;
  font-size:var(--fs-small);color:var(--t3)}
.lnd-or::before,.lnd-or::after{content:'';flex:1;height:1px;background:var(--b2)}
/* Строка «прежние логин и пароль подходят» — у самих полей. */
.lnd-key{display:flex;align-items:flex-start;gap:12px;margin:14px 0 2px}
.lnd-key-ico{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;
  border-radius:50%;background:var(--brand-soft);color:var(--brand-text)}
.lnd-key p{margin:0;font-size:var(--fs-body);line-height:1.45;color:var(--t1);text-wrap:pretty}
.lnd-key b{display:block;font-weight:600}
.lnd-key p span{display:block;margin-top:3px;font-size:var(--fs-small);color:var(--t2)}

/* ---------- планшет: одна колонка, схема остаётся ----------
   Ниже 1060 второй столбец съедал пояснение: окна схемы сжимались до ста
   пикселей, и подпись в них упиралась в галочку. Порог тот же, что у полного
   набора колонок в списке анкет. */
@media (max-width:1059px){
  .lnd{display:block;min-height:0}
  .lnd-in{grid-template-columns:1fr;max-width:620px;gap:26px;padding:12px 0 20px}
  .lnd-map{margin-top:32px}
}

/* ---------- телефон ---------- */
@media (max-width:767px){
  .lnd-in{max-width:none;gap:20px;padding:4px 0 8px}
  .lnd-chip{padding:5px 11px 5px 8px}
  .lnd-h1{margin-top:14px;font-size:31px;line-height:1.12}
  .lnd-lead{margin-top:10px;font-size:15px}
  .lnd-map{display:none}
  .lnd .auth{padding:22px 18px 18px}
  .lnd .auth h2{font-size:24px}
}