/* Промо rfl/rfh (RU/EN): правки поверх common/components/styles и блоки, которые собирает servers/build.py.
   Источник: servers/promo/pw-promo.css — build.py копирует его в css/ и en/css/ обоих промо. Руками копии не правят. */

/* Меню в шапке: от 990px пять пунктов не влезали в левую колонку и обрезались (overflow:hidden) */
@media screen and (min-width: 990px) {
  .header__links { overflow: visible; }
  .links { flex-wrap: wrap; row-gap: 6px; }
}
@media screen and (min-width: 990px) and (max-width: 1599px) {
  .header__logo { width: 30vw; max-width: 400px; }
}

/* ---------- «Описание сервера» (about.html) ---------- */
.about { max-width: 980px; }
.about__intro { margin-bottom: 34px; }
.about__lead { max-width: 760px; margin: 0 auto 24px; }
.about-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; max-width: 760px; margin: 0 auto; padding: 0; }
.about-facts div {
  padding: 14px 10px; border: 1px solid rgba(249, 184, 68, .35); border-radius: 12px;
  background: rgba(3, 14, 26, .72); text-align: center;
}
.about-facts dt { margin: 0 0 6px; color: #9fb3c8; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.about-facts dd { margin: 0; color: #fff; font: 700 20px/1.2 Geometria, sans-serif; }
.about__heading { text-align: center; }
.about-feats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 16px 0 0; padding: 0; list-style: none; }
.about-feats__item {
  padding: 18px 20px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 14px;
  background: rgba(3, 14, 26, .78); text-align: left;
}
.about-feats__item h3 { margin: 0 0 8px; color: #f9b844; font: 700 18px/1.3 Geometria, sans-serif; }
.about-feats__item p { margin: 0; color: #d7e1ec; font-size: 15px; line-height: 1.55; }
.about__cta { display: grid; justify-items: center; gap: 18px; }
.about-play {
  display: inline-block; min-width: 260px; padding: 16px 34px; border-radius: 12px;
  background: linear-gradient(180deg, #f9c45a, #d98f1c); color: #1b1004 !important;
  font: 700 20px/1 Geometria, sans-serif; text-align: center; text-decoration: none; text-transform: uppercase;
  box-shadow: 0 10px 30px rgba(217, 143, 28, .35); transition: transform .15s ease, box-shadow .15s ease;
}
.about-play:hover, .about-play:focus-visible { transform: translateY(-2px); box-shadow: 0 14px 34px rgba(217, 143, 28, .5); }
.about-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.about-links__item {
  padding: 10px 16px; border-radius: 10px; background: rgba(56, 100, 137, .75);
  color: #fff !important; font-size: 15px; text-decoration: none; transition: background .15s ease;
}
.about-links__item:hover, .about-links__item:focus-visible { background: #386489; }

/* Картинки шагов получают width/height из build.py: пропорция из атрибутов, высота — от ширины.
   Без этого до загрузки PNG отрицательные отступы утягивали текст шага в шапку. */
.download__img, .resources__img, .account__img, .start__img { height: auto; }

/* ---------- Шаг 1: дата и размер клиента ---------- */
.download__meta { margin: 10px auto 0; max-width: 520px; color: #9fb3c8; font-size: 14px; line-height: 1.5; text-align: center; }

/* ---------- Шаг 2: регистрация в личном кабинете (вместо формы, которую новый кабинет не принимает) ---------- */
.account--link .account-cta {
  max-width: 460px; margin: 0 auto; padding: 24px 26px; border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 16px; background: rgba(3, 14, 26, .82); color: #fff; text-align: left;
}
.account-cta__text { margin: 0 0 14px; font-size: 16px; line-height: 1.5; }
.account-cta__list { margin: 0 0 20px; padding-left: 20px; color: #d7e1ec; font-size: 15px; line-height: 1.5; list-style: disc; }
.account-cta__list li::marker { color: #f9b844; }
.account-cta__list li + li { margin-top: 6px; }
.account-cta__btn {
  display: block; padding: 16px 20px; border-radius: 12px; background: linear-gradient(180deg, #f9c45a, #d98f1c);
  color: #1b1004 !important; font: 700 18px/1 Geometria, sans-serif; text-align: center; text-decoration: none; text-transform: uppercase;
  box-shadow: 0 10px 30px rgba(217, 143, 28, .3); transition: transform .15s ease;
}
.account-cta__btn:hover, .account-cta__btn:focus-visible { transform: translateY(-2px); }
.account-cta__alt { margin: 14px 0 0; color: #9fb3c8; font-size: 14px; line-height: 1.5; text-align: center; }
.account-cta__alt a { color: #f9b844; }

@media screen and (max-width: 767px) {
  .about-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-feats { grid-template-columns: 1fr; }
  .about-play { min-width: 0; width: 100%; box-sizing: border-box; }
  .account--link .account-cta { padding: 20px 18px; }
}