/* Страничные стили login. Извлечено из макета v2/26-login.html. */

/* Свой вертикальный ритм: у .auth он больше, чем отступ main по умолчанию. */
main{ padding:0; }

/* Ширину держит margin:auto — это центрирование, а не отступ между блоками. */
.auth{ max-width:440px; margin:0 auto; padding:64px 0 96px;
  display:flex; flex-direction:column; gap:30px; }
.auth-head{ display:flex; flex-direction:column; gap:12px; text-align:center; }
.auth h1{ font-size:34px; }
.auth .lede{ font-size:16.5px; }
.oauth{ display:grid; gap:12px; }
.oauth .btn{ width:100%; justify-content:flex-start; gap:14px; padding:15px 20px; font-size:16px; }
.oauth .mark{ width:26px; height:26px; border-radius:7px; display:inline-flex; align-items:center; justify-content:center;
  font-family:var(--f-head); font-weight:600; font-size:14px; color:#fff; flex:none; }
.m-ya{ background:#FC3F1D; } .m-vk{ background:#0077FF; }
.auth-note{ text-align:center; font-size:13.5px; color:var(--ink-faint); }