/* Вход. Экран без навигации: в продукт ещё не вошли.
   Ширина занята: слева вход, справа — то, что человек должен знать до входа.
   Раскладка снята с согласованного экрана входа. */
.top{justify-content:space-between}
.top .aside-note{color:var(--ink-3);font:500 14px/1.3 var(--text);margin-left:auto}

.stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 var(--gap);
  padding:0 var(--pad) 40px;align-items:start;min-height:calc(100vh - 52px)}
.enter{padding:44px 0 40px;max-width:520px}
.enter h1{font-family:var(--display);font-weight:700;font-size:clamp(40px,4.6vw,68px);line-height:.94;
  letter-spacing:-.01em;text-transform:uppercase;color:var(--ink)}
.enter .lead{margin-top:14px;font:500 17px/1.45 var(--text);color:var(--ink-2)}
.form{margin-top:26px;padding-top:18px;border-top:1px solid var(--line-2);display:grid;gap:16px}
.form .btn{width:100%}
.codes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.sent{font:400 14.5px/1.45 var(--text);color:var(--ink-3)}
.sent b{color:var(--ink-2);font-weight:600}
.again{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.trouble{margin-top:22px;padding-top:14px;border-top:1px solid var(--line)}
.trouble p{font:400 14.5px/1.45 var(--text);color:var(--dim)}
.trouble p + p{margin-top:6px}

.side{border-left:1px solid var(--line);padding:44px 0 40px var(--gap);height:100%}
.side h2{margin-bottom:6px}
.side .note{margin-bottom:18px}
.fact{display:grid;grid-template-columns:8px minmax(0,1fr);gap:3px 12px;padding:13px 0;
  border-bottom:1px solid var(--line)}
.fact > *{grid-column:2}
.fact i{grid-column:1;grid-row:1;width:8px;height:8px;margin-top:7px;background:var(--ink-3)}
.fact b{font:600 16px/1.3 var(--text);color:var(--ink)}
.fact span{font:400 14.5px/1.42 var(--text);color:var(--ink-2);margin-top:3px}

@media (max-width:860px){
  .stage{grid-template-columns:1fr;min-height:0}
  .side{border-left:0;padding-left:0;padding-top:24px;margin-top:6px;border-top:1px solid var(--line-2)}
  .enter{max-width:none;padding-bottom:20px}
}
@media (max-width:720px){
  .codes{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
  input.cell{height:46px}
}