/* «Сила влияния. Женщины» — сила-влияния.рф
   Глобальные стили и анимации. Компонентные стили живут инлайново в index.php
   (фактура дизайна из new_tpl/tpl/tpl_fin.html). */

:root {
  --accent: #4EE0CB;   /* бирюза — акцент, CTA */
  --coral: #FF5F3D;    /* коралл — акценты, «премия» */
  --brass: #C8A86A;    /* латунь — «ключ», технические подписи */
  --bg: #020F0D;
  --ink: #EEF4F1;
  --dim: .5;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--bg); }
body {
  font-family: "Golos Text", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: var(--ink);
  text-wrap: pretty;
  overflow-x: hidden;
}
a { color: var(--accent); text-decoration: none; }
a:hover { color: #FFFFFF; }
input, textarea, button { font-family: inherit; }

/* Рельса карусели программы */
[data-rail]::-webkit-scrollbar { height: 5px; }
[data-rail]::-webkit-scrollbar-thumb { background: rgba(78,224,203,.35); border-radius: 99px; }
[data-rail]::-webkit-scrollbar-track { background: rgba(255,255,255,.06); border-radius: 99px; }

@keyframes spin { to { transform: rotate(360deg) } }
@keyframes spinRev { to { transform: rotate(-360deg) } }
@keyframes bob { 0%,100% { transform: translate3d(0,0,0) rotate(-2deg) } 50% { transform: translate3d(0,-18px,0) rotate(1.5deg) } }
@keyframes sweep { 0% { transform: translate3d(-140%,0,0) } 55%,100% { transform: translate3d(140%,0,0) } }
@keyframes marquee { to { transform: translate3d(-50%,0,0) } }
@keyframes ringPulse { 0%,100% { transform: translate(-50%,-50%) scale(1); opacity: .45 } 50% { transform: translate(-50%,-50%) scale(1.05); opacity: .9 } }
@keyframes twinkle { 0%,100% { opacity: .18 } 50% { opacity: .85 } }
@keyframes rise { from { opacity: 0; transform: translateY(24px) } to { opacity: 1; transform: translateY(0) } }
@keyframes hint { 0%,100% { transform: translateY(0); opacity: .35 } 50% { transform: translateY(7px); opacity: 1 } }
@keyframes drift { 0%,100% { transform: translate3d(0,0,0) scale(1) } 50% { transform: translate3d(-3%,3%,0) scale(1.08) } }

/* Появление секций: скрыто до срабатывания JS-раскрытия (.is-shown).
   Без !important на transform — у полароидов/параллакса он задаётся инлайново и из JS. */
[data-reveal] { opacity: 0; transform: translateY(26px); transition: opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1); }
[data-reveal][data-parallax] { transition: opacity .9s cubic-bezier(.2,.7,.2,1); }
[data-reveal].is-shown { opacity: 1; transform: none; }
[data-reveal][data-parallax].is-shown { opacity: 1; }

/* Полосы рейтинга влияния */
[data-bar] { display: block; width: 0; height: 100%; border-radius: 99px; transition: width 1.4s cubic-bezier(.2,.7,.2,1); }

::placeholder { color: rgba(238,244,241,.4); }

/* Модальное окно (скрыто по умолчанию, открывается через .is-open) */
[data-modal] { display: none; }
[data-modal].is-open { display: block; }
body.modal-open { overflow: hidden; }

/* Если JS выключен — показываем контент и открываем форму по :target */
.no-js [data-reveal] { opacity: 1 !important; transform: none !important; }
.no-js [data-bar] { width: 100% !important; }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; }
  [data-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
  [data-bar] { transition: none !important; }
}
@media print {
  [data-reveal] { opacity: 1 !important; transform: none !important; }
}

/* На слабых/тач-устройствах гасим самый тяжёлый blur шапки */
@media (max-width: 1024px), (pointer: coarse) {
  header[data-header] { backdrop-filter: none !important; }
}