:root{
    --main-text:#0d0c10;
    --second-text:#363636;
    --neutral-text:#808191;

    --footer-bg:#1c1c1c;
    --sections-bg:#f5e6e6;
    --form-bg:#fff5f5;
    --body-bg:#F6F7FB;

    --white:#fff;

    /* ↓↓↓ ГЛАВНЫЕ ЦВЕТА — меняешь только эти две строки под новый сайт ↓↓↓ */
    --accent:#FF5A36;          /* коралл */
    --accent-2:#8B5CF6;        /* фиолет */
    /* ↑↑↑ всё акцентное подстроится само ↑↑↑ */

    --accent-bg-info:#6b0000;
    --accent-mobile-steps:#e05555;
    --accent-opposite:#a30000;
    --accent-target:#8b0000;
    --accent-tg:#039be5;

    --header-h:70px;
    --header-mob-h:60px;
    --range-head:linear-gradient(38.66deg,#8b0000 8.8%,#e05555 84.72%);
    --range-line:linear-gradient(90deg,#cc0000 14%,#ff6666 70%);
}

/* ===== ФОН: ambient glow + noise ===== */
body.index{ background:#F6F7FB; }
body.index::before{
  content:'';
  position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(46% 38% at 18% 12%, rgba(255,90,54,.20), transparent 70%),
    radial-gradient(50% 42% at 85% 18%, rgba(139,92,246,.22), transparent 72%),
    radial-gradient(55% 50% at 80% 88%, rgba(255,90,54,.14), transparent 72%),
    radial-gradient(60% 52% at 12% 92%, rgba(139,92,246,.16), transparent 72%),
    #F6F7FB;
}
body.index::after{
  content:'';
  position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
}

/* ===== ФУНКЦИОНАЛЬНЫЕ ФИКСЫ ===== */
@media (max-width:1024px){
  .mobile-menu{ display:none !important; }
  .header__burger{ display:none !important; }
}
.tg-bot{ display:none !important; }
.header{ box-shadow:0 4px 20px -10px rgba(0,0,0,.18); }

/* ============================================================
   УНИВЕРСАЛЬНАЯ ФОРМА (.lf)
   ============================================================ */
.lf{
  --form-accent: var(--accent);
  --form-accent-2: var(--accent-2);

  --lf-ink:#1b1b22;
  --lf-muted:#7c7c88;
  --lf-line:#e4e4ec;
  --lf-radius:24px;
  --gap:18px;

  display:flex;
  justify-content:center;
  padding:calc(var(--header-mob-h) + 16px) 14px 30px;
  background:transparent;
}

/* ── Карточка: soft glass ── */
.lf__card{
  width:100%;
  max-width:680px;
  border-radius:24px;
  overflow:hidden;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(14px) saturate(150%);
  -webkit-backdrop-filter:blur(14px) saturate(150%);
  border:1px solid rgba(255,255,255,.5);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    0 20px 80px rgba(80,40,140,.12),
    0 2px 10px rgba(0,0,0,.04);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .lf__card{ background:rgba(255,255,255,.92); }
}

/* ── Шапка: чистый ровный низ ── */
.lf__head{
  padding:28px 22px 34px;
  text-align:center;
  color:#fff;
  background:linear-gradient(135deg, var(--form-accent), var(--form-accent-2));
}
.lf__title{
  font-family:Roboto,Gilroy,sans-serif;
  font-weight:800; font-size:22px; line-height:1.18;
  letter-spacing:.2px; text-transform:uppercase;
  text-shadow:0 2px 8px rgba(0,0,0,.15);
}
.lf__trust{ margin-top:20px; display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }
.lf__trust span{
  position:relative; padding:0; border:none; background:none;
  font-size:15px; font-weight:500; letter-spacing:.3px;
  color:rgba(255,255,255,.7);
}
.lf__trust span:not(:last-child)::after{
  content:'•'; margin-left:10px; color:rgba(255,255,255,.4);
}

/* ── Тело: встык, скругление только сверху ── */
.lf__form{
  position:relative; z-index:1;
  display:flex; flex-direction:column;
  gap:16px;
  margin-top:0;
  padding:26px 20px 20px;
  background:rgba(255,255,255,.62);
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  border-radius:24px 24px 0 0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}

/* ── Сумма: главный фокус ── */
.lf__sum{ display:flex; flex-direction:column; align-items:center; gap:2px; }
.lf__sum-label{ font-size:11px; font-weight:700; color:var(--lf-muted); text-transform:uppercase; letter-spacing:2px; }
.lf__sum-value{
  font-family:Roboto,sans-serif; font-weight:800; font-size:52px; line-height:1.05;
  font-variant-numeric:tabular-nums;
  background:linear-gradient(120deg, var(--form-accent), var(--form-accent-2));
  background-size:200% 100%;
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
  animation:lfSumShift 5s ease-in-out infinite;
}
@keyframes lfSumShift{ 0%,100%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } }

.lf__price-hidden{ display:none; }

/* ── Слайдер ── */
.lf__slider{ margin:10px 6px 6px; }
.lf .noUi-target{ height:16px!important; background:#ece9f4!important; border:none!important; box-shadow:inset 0 1px 4px rgba(80,40,140,.12)!important; border-radius:16px!important; }
.lf .noUi-connects{ height:16px; border-radius:16px; background:linear-gradient(90deg, var(--form-accent), var(--form-accent-2)); box-shadow:0 2px 12px -2px color-mix(in srgb, var(--form-accent-2) 55%, transparent); }
.lf .noUi-horizontal{ height:16px; }
.lf .noUi-horizontal .noUi-handle{ top:-8px!important; right:-16px!important; }
.lf .noUi-handle{ width:32px!important; height:32px!important; box-shadow:none!important; }
.lf .noUi-touch-area{
  width:32px; height:32px; background:#fff; border:none; border-radius:50%;
  box-shadow:
    0 0 0 5px color-mix(in srgb, var(--form-accent) 26%, transparent),
    0 4px 18px color-mix(in srgb, var(--form-accent-2) 60%, transparent),
    0 2px 6px rgba(0,0,0,.18);
  transition:box-shadow .2s, transform .15s;
}
.lf .noUi-active .noUi-touch-area{
  transform:scale(1.06);
  box-shadow:
    0 0 0 9px color-mix(in srgb, var(--form-accent) 18%, transparent),
    0 6px 24px color-mix(in srgb, var(--form-accent-2) 75%, transparent);
}

/* ── Поле телефона: floating label ── */
.lf__field{ display:flex; flex-direction:column; }
.lf__input{
  position:relative;
  display:flex; align-items:center; gap:10px; padding:0 16px; height:64px;
  background:rgba(255,255,255,.55); border:1px solid rgba(120,80,160,.16); border-radius:16px;
  box-shadow:inset 0 1px 4px rgba(80,40,140,.06);
  transition:border-color .18s, box-shadow .18s;
}
.lf__input:focus-within{
  border-color:var(--form-accent);
  box-shadow:inset 0 1px 4px rgba(80,40,140,.04), 0 0 0 4px color-mix(in srgb, var(--form-accent) 14%, transparent);
}
.lf__input-icon{ width:20px; height:20px; color:var(--form-accent); flex-shrink:0; }
.lf__input input{
  flex:1; width:100%; background:transparent; border:none;
  font-size:18px; font-weight:600; color:#15151c; letter-spacing:.5px;
  padding:20px 0 4px;
}
.lf__input input::placeholder{ color:transparent; }
.lf__float{
  position:absolute; left:46px; top:50%; transform:translateY(-50%);
  font-size:16px; color:var(--lf-muted); font-weight:500;
  pointer-events:none; transition:all .16s ease;
}
.lf__input input:focus ~ .lf__float,
.lf__input input:not(:placeholder-shown) ~ .lf__float{
  top:8px; transform:none; font-size:10px; font-weight:700;
  color:var(--form-accent); letter-spacing:.5px; text-transform:uppercase;
}

/* ── Галочка ── */
.lf__consent{ margin:-2px 0; }
.lf .checkbox__label{ gap:10px; align-items:center; }
.lf .checkbox__form-checkbox{ min-width:22px; width:22px; height:22px; border-radius:7px; border:2px solid #cdc6dc; background:#fff; }
.lf .checkbox__form-checkbox svg{ width:16px; height:16px; }
.lf .checkbox__input:checked ~ .checkbox__label .checkbox__form-checkbox{ background:var(--form-accent); border-color:var(--form-accent); }
.lf .checkbox__input:checked ~ .checkbox__label .checkbox__form-checkbox path{ fill:#fff; stroke:#fff; opacity:1; }
.lf .checkbox__checkbox-offer{ font-size:12.5px; line-height:1.4; color:var(--lf-ink); }
.lf .personal-link{ color:var(--form-accent); text-decoration:underline; cursor:pointer; }

/* ── Кнопка: premium ── */
.lf__submit{
  position:relative; overflow:hidden;
  width:100%; margin:2px 0 0; padding:18px 0;
  font-family:Roboto,sans-serif; font-weight:700; font-size:18px;
  letter-spacing:.4px; text-transform:uppercase; color:#fff;
  border:none; border-radius:15px; cursor:pointer;
  background:linear-gradient(135deg, #FF5A36 0%, #8B5CF6 100%);
  box-shadow:0 10px 30px rgba(139,92,246,.25);
  animation:lfGlow 3s ease-in-out infinite, lfBreath 3s ease-in-out infinite;
  transition:transform .12s;
}
.lf__submit::before{
  content:''; position:absolute; top:0; left:0; width:55%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.35), transparent);
  transform:translateX(-200%);
  animation:lfShine 3.6s ease-in-out infinite;
}
.lf__submit:active{ transform:scale(.985); }
.lf__submit:disabled{ opacity:1; cursor:not-allowed; }
@keyframes lfBreath{
  0%,100%{ transform:scale(1); }
  50%    { transform:scale(1.02); }
}
@keyframes lfShine{ 0%{ transform:translateX(-200%);} 55%{ transform:translateX(320%);} 100%{ transform:translateX(320%);} }
@keyframes lfGlow{ 0%,100%{ box-shadow:0 10px 30px rgba(139,92,246,.22);} 50%{ box-shadow:0 12px 38px rgba(139,92,246,.4);} }

.lf__note{ margin:-4px 0 0; font-size:11px; line-height:1.4; text-align:center; color:var(--lf-muted); }

/* ── Trust-row: компактный ── */
.lf__pay{
  display:flex; align-items:center; justify-content:center;
  gap:20px; margin:2px 0 4px; padding:0;
  background:transparent; border:none;
}
.lf__pay img{
  width:auto !important; max-width:30% !important;
  object-fit:contain; opacity:.8;
}
.lf__pay img[alt="МИР"]{ height:26px !important; }
.lf__pay img[alt="Visa"]{ height:30px !important; }
.lf__pay img[alt="PCI DSS"]{ height:34px !important; }

/* ── Документы: раскрываются ПОД кнопкой ── */
.lf .start-form__checbox-wrapper{ position:relative; margin:0; }
.lf .start-form__checkbox-box{
  position:static!important; width:auto!important; max-width:none!important;
  left:auto!important; top:auto!important; bottom:auto!important;
  max-height:0; overflow:hidden; opacity:0; margin:0; padding:0 4px;
  display:flex; flex-direction:column; gap:0;
  background:transparent!important; box-shadow:none!important; border-radius:0!important;
  transition:max-height .3s ease, opacity .3s ease, margin .3s ease, padding .3s ease;
  pointer-events:none;
}
.lf .start-form__checkbox-box._show{
  max-height:50vh; overflow-y:auto; opacity:1; margin:0; padding:14px;
  background:rgba(255,255,255,.6)!important; border:1px solid #ececf2;
  border-radius:14px!important; pointer-events:auto;
}
.lf .start-form__checkbox-box .checkbox{ padding:8px 0; border-bottom:1px solid var(--lf-line); }
.lf .start-form__checkbox-box .checkbox:last-of-type{ border-bottom:none; }
.lf .start-form__checkbox-box .checkbox__checkbox-offer,
.lf .start-form__checkbox-box .checkbox__checkbox-offer a{ font-size:12px; line-height:1.35; color:var(--lf-ink); }

@media (min-width:1025px){
  .lf{ padding:calc(var(--header-h) + 28px) 14px 50px; }
  .lf__title{ font-size:26px; }
  .lf__sum-value{ font-size:50px; }
}

/* ============================================================
   БЛОК «КАК ПОЛУЧИТЬ» (.steps)
   ============================================================ */
.section-title{ background:transparent!important; }
@media (max-width:1024px){
  .section-title{ display:flex!important; padding:8px 0 0; }
  .section-title h2{ font-size:24px!important; line-height:1.2!important; color:var(--main-text); }
  .section-title p{ display:none; }
}
.steps__title{
  background:linear-gradient(135deg, var(--accent), var(--accent-2));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.steps__item{
  background:rgba(255,255,255,.6)!important;
  border:1px solid rgba(255,255,255,.6);
  box-shadow:0 20px 60px -30px rgba(80,40,140,.3)!important;
  border-radius:18px!important;
}
.steps__number{
  background:linear-gradient(135deg, var(--accent), var(--accent-2));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.steps .button._orange,
.steps__block._mobile .button{
  background:linear-gradient(135deg, var(--accent), var(--accent-2))!important;
  border:none!important; border-radius:14px!important;
  box-shadow:0 10px 30px rgba(139,92,246,.25)!important;
}

/* ============================================================
   СПОСОБЫ ПОЛУЧЕНИЯ (.pay-methods)
   ============================================================ */
.pay-methods__item{
  background:rgba(255,255,255,.6)!important;
  border:1px solid rgba(255,255,255,.6);
  box-shadow:0 20px 60px -32px rgba(80,40,140,.28)!important;
  border-radius:18px!important;
}

/* ============================================================
   ФУТЕР «Информация» (десктоп)
   ============================================================ */
@media (min-width:1025px){
  .information__content{
    max-width:1300px; width:90%; margin:0 auto;
    display:grid; grid-template-columns:repeat(4,1fr); gap:40px;
    align-items:start; padding:56px 0 10px;
    border-top:1px solid rgba(255,255,255,.18);
  }
  .information__cell._support{ padding:0; border-bottom:none; gap:16px; align-items:flex-start; }
  .information__title{ margin-bottom:4px; }
  .information__support{ line-height:1.5; }
  .information__support a{ display:inline-block; margin-top:4px; font-weight:600; transition:opacity .2s; }
  .information__support a:hover{ opacity:.7; }
  .information__cell._docs,
  .information__cell._docs._first,
  .information__cell._docs:last-child{ padding:0; gap:16px; }
  .information__cell._docs a{ font-size:15px; line-height:1.45; letter-spacing:.3px; opacity:.85; transition:opacity .2s, transform .2s; }
  .information__cell._docs a:hover{ opacity:1; transform:translateX(3px); }
}

/* ===== Футер (мобилка) ===== */
@media (max-width:1024px){
  .pay-methods{ margin-bottom:0 !important; padding-bottom:24px; }

  .information._main-page{ padding:40px 0 56px !important; }
  .information._main-page .information__content{
    background:transparent !important;
    padding:0 20px;
    display:flex; flex-direction:column; gap:28px;
  }
  .information__title{ margin-bottom:14px; }
  .information._main-page .information__cell._support{ padding-right:90px; }
  .information__move-up{ top:16px; right:20px; }
  .information__cell._docs{ gap:18px; }
}

.information._main-page{
  background:var(--footer-bg) !important;
  border-top:1px solid rgba(255,255,255,.06);
}

@media (prefers-reduced-motion: reduce){
  .lf__submit, .lf__sum-value{ animation:none!important; }
}

/* мелкие экраны: сумма не вылезает */
@media (max-width:360px){
  .lf__sum-value{ font-size:42px; }
  .lf__title{ font-size:20px; }
  .lf__pay img{ max-width:26% !important; }
}
/* ── Документы открыты сразу (вторая страница) ── */
.lf__docs-open{ display:flex; flex-direction:column; gap:0; margin:-4px 0 0; padding:12px 14px; background:rgba(255,255,255,.4); border:1px solid rgba(255,255,255,.6); border-radius:14px; }
.lf__docs-open .checkbox{ padding:7px 0; border-bottom:1px solid var(--lf-line); }
.lf__docs-open .checkbox:last-child{ border-bottom:none; }
.lf__docs-open .checkbox__checkbox-offer,
.lf__docs-open .checkbox__checkbox-offer a{ font-size:12px; line-height:1.35; color:var(--lf-ink); }

/* ── Блок «ценности» (motivation) ── */
.motivation__card{ background:rgba(255,255,255,.6)!important; border:1px solid rgba(255,255,255,.6); box-shadow:0 20px 60px -32px rgba(80,40,140,.28)!important; border-radius:18px!important; }
.motivation__title{ background:linear-gradient(135deg, var(--accent), var(--accent-2)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.motivation__target-button{ background:linear-gradient(135deg, var(--accent), var(--accent-2))!important; border:none!important; }
.questions .button._orange{ background:linear-gradient(135deg, var(--accent), var(--accent-2))!important; border:none!important; }
.lf__timer{ font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:.5px; }
.lf__head .lf__title{ transition:font-size .2s; }
.lf__bigtimer{
  display:block; margin-top:6px;
  font-size:42px; font-weight:800; line-height:1;
  font-variant-numeric:tabular-nums; letter-spacing:1px;
  text-shadow:0 2px 10px rgba(0,0,0,.2);
}

@media (max-width:1024px){
  .header__logo--text,
  .header__logo--orange-text{ display:none !important; }
  .header__content{ justify-content:center !important; position:relative; }
  .header__logo{ margin:0 auto; max-width:none !important; width:auto !important; overflow:visible !important; }
  .header__logo-img{ height:38px; width:auto !important; max-width:none !important; object-fit:contain; }
  .header__buttons{ position:absolute; right:0; }
}
/* ── Лого: только картинка, все экраны ── */
.header__logo--text,
.header__logo--orange-text{ display:none !important; }
.header__logo{ max-width:none !important; width:auto !important; overflow:visible !important; }
.header__logo-img{ height:40px; width:auto !important; max-width:none !important; object-fit:contain; }
/* ===== ХЕДЕР — liquid glass, только лого, без бургера ===== */
.header{
  background:rgba(255,255,255,.5) !important;
  -webkit-backdrop-filter:blur(18px) saturate(170%);
  backdrop-filter:blur(18px) saturate(170%);
  border-bottom:1px solid rgba(255,255,255,.55);
  box-shadow:0 6px 26px -16px rgba(80,40,140,.28) !important;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .header{ background:rgba(255,255,255,.92) !important; }   /* фолбэк для старых браузеров */
}
.header__logo--text, .header__logo--orange-text, .header__burger{ display:none !important; }

@media (max-width:1024px){
  .header__menu{ display:none !important; }       /* на мобиле — только лого */
  .header__content{ justify-content:center !important; }
  .header__logo{ margin:0 auto; }
}
@media (max-width:640px){
  :root{ --header-mob-h:52px; }                   /* форма сама подвинется под новую высоту */
  .header{ height:52px !important; min-height:52px !important; }
  .header__content{ height:52px !important; min-height:52px !important; padding:0 !important; }
  .header__logo-img{ height:45px !important; }
}

/* убрать Gilroy (файла нет → был 404), основной шрифт Roboto */
.lf__title{ font-family:Roboto, sans-serif !important; }

.promo-ticker{ display:none; }                       /* десктоп — скрыта */
@media (max-width:640px){
  /* ЛЕНТА: во всю ширину + тёмная (как лого-пилюля), отдельный акцент */
  .promo-ticker{
    display:block; overflow:hidden; white-space:nowrap;
    margin:16px 0; border-radius:0;
    background:#16111f;
    box-shadow:0 8px 22px -14px rgba(0,0,0,.5);
  }
  .promo-ticker__track{
    display:inline-flex; gap:40px; padding:13px 16px;
    animation:tickerMove 30s linear infinite; will-change:transform;
  }
  .promo-ticker__track span{
    color:#fff; font-weight:800; font-size:15px;
    letter-spacing:.4px; text-transform:uppercase;
  }
  @keyframes tickerMove{ from{transform:translateX(0)} to{transform:translateX(-50%)} }

  /* КНОПКА: усиленное свечение — теперь она единственная яркая, не теряется */
  .lf__submit{ box-shadow:0 14px 36px rgba(255,90,54,.5), 0 6px 18px rgba(139,92,246,.4) !important; }

  /* (по желанию) ШАПКА-ТАЙМЕР приглушённая, чтобы кнопка была ярче всех на странице.
     Не нравится тёмный верх — просто удали эту строку, шапка останется цветной. */
  .lf__head{ background:linear-gradient(135deg,#2b2342,#201b31) !important; }
}
@media (prefers-reduced-motion:reduce){ .promo-ticker__track{ animation:none } }
@media (prefers-reduced-motion:reduce){ .promo-ticker__track{ animation:none } }
.lf__submit--attention{ animation:lfAttention .5s ease-in-out 3 !important; }
@keyframes lfAttention{
  0%,100%{ transform:scale(1); }
  50%{ transform:scale(1.07); box-shadow:0 0 0 8px rgba(255,90,54,.22), 0 16px 40px rgba(255,90,54,.55); }
}
/* ============================================================
   АНКЕТЫ (.form-steps): градиент-фон, без хедера, верхнее
   выравнивание, поля с тоном, мощный CTA. Скоуп :has(.form-steps).
   ============================================================ */

/* фон: два градиента */
body:has(.form-steps){ background:var(--body-bg) !important; }
body:has(.form-steps)::before{
  content:''; position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(52% 46% at 12% 8%,  rgba(255,90,54,.22),  transparent 70%),
    radial-gradient(56% 50% at 88% 92%, rgba(139,92,246,.24), transparent 72%),
    var(--body-bg);
}
body:has(.form-steps) .form-steps__banners{ display:none !important; }

/* хедер скрыт */
body:has(.form-steps) .header{ display:none !important; }

/* ⬆ ПРИЖАТЬ К ВЕРХУ + центрировать колонку (убираем вертикальное центрирование темы) */
body:has(.form-steps) .form-steps,
body:has(.form-steps) .form-steps__content,
body:has(.form-steps) .form-steps__wrapper{
  display:block !important; min-height:0 !important;
  align-items:flex-start !important; margin-top:0 !important;
  background:transparent !important; box-shadow:none !important; border:none !important;
}
body:has(.form-steps) .form-steps{ padding-top:22px !important; }
body:has(.form-steps) .form-steps__content,
body:has(.form-steps) .form-steps__wrapper{
  width:100% !important; max-width:680px !important; margin:0 auto !important; padding-top:0 !important;
}

/* форма — стеклянная карточка */
body:has(.form-steps) .step-form{
  max-width:680px; margin:0 auto !important;
  background:rgba(255,255,255,.82) !important;
  -webkit-backdrop-filter:blur(14px) saturate(150%); backdrop-filter:blur(14px) saturate(150%);
  border:1px solid rgba(255,255,255,.55);
  border-radius:24px !important;
  box-shadow:0 20px 80px rgba(80,40,140,.14), 0 2px 10px rgba(0,0,0,.04) !important;
  padding:24px 20px !important;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  body:has(.form-steps) .step-form{ background:rgba(255,255,255,.96) !important; }
}

/* 🎨 ПОЛЯ — отделить тоном от белой карточки */
body:has(.form-steps) .step-form__fieldset .input{
  background:#f4f1fb !important;
  border:1px solid #e7e2f1 !important;
  border-radius:14px !important;
  transition:border-color .18s, box-shadow .18s, background .18s;
}
body:has(.form-steps) .step-form__fieldset .input:focus-within{
  background:#fff !important;
  border-color:var(--accent) !important;
  box-shadow:0 0 0 4px rgba(255,90,54,.12) !important;
}
body:has(.form-steps) .step-form__fieldset .input__area{ background:transparent !important; }

/* КНОПКА «Продолжить» — крупная, анимированная (твои keyframes) */
body:has(.form-steps) .form-button{
  position:relative; overflow:hidden;
  width:100%; margin-top:10px; padding:20px 0;
  font-family:Roboto,sans-serif; font-weight:800; font-size:18px;
  letter-spacing:.4px; text-transform:uppercase; color:#fff;
  border:none; border-radius:16px; cursor:pointer;
  background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
  box-shadow:0 14px 36px rgba(255,90,54,.4), 0 6px 18px rgba(139,92,246,.35);
  animation:lfGlow 3s ease-in-out infinite, lfBreath 3s ease-in-out infinite;
  transition:transform .12s;
}
body:has(.form-steps) .form-button::before{
  content:''; position:absolute; top:0; left:0; width:55%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.4), transparent);
  transform:translateX(-200%); animation:lfShine 3.6s ease-in-out infinite;
}
body:has(.form-steps) .form-button:active{ transform:scale(.985); }

/* мобилка: компактнее + кнопка прилипает снизу */
@media (max-width:1024px){
  body:has(.form-steps) .form-steps{ padding-top:10px !important; }
  body:has(.form-steps) .step-form{ padding:16px 14px 22px !important; }
  body:has(.form-steps) .form-button{ position:sticky; bottom:14px; z-index:10; }
}
@media (prefers-reduced-motion:reduce){
  body:has(.form-steps) .form-button,
  body:has(.form-steps) .form-button::before{ animation:none !important; }
}

/* ============================================================
   АНКЕТА на мобиле — форма во весь экран:
   футер уходит под фолд, кнопка «Продолжить» прижата вниз (под палец).
   Только ≤1024px, только страницы с .form-steps.
   ============================================================ */
@media (max-width:1024px){
  body:has(.form-steps) .form-steps{
    min-height:100vh !important;     /* фолбэк для старых */
    min-height:100dvh !important;    /* совр.: учёт адресной строки браузера */
    display:flex !important; flex-direction:column !important;
    padding-top:10px !important; padding-bottom:0 !important;
  }
  body:has(.form-steps) .form-steps__content,
  body:has(.form-steps) .form-steps__wrapper{
    flex:1 1 auto !important;
    display:flex !important; flex-direction:column !important;
  }
  body:has(.form-steps) .step-form{
    flex:1 1 auto !important;
    display:flex !important; flex-direction:column !important;
  }
  /* кнопку (и примечание под ней) — вниз экрана, под палец */
  body:has(.form-steps) .form-button{ margin-top:auto !important; }
}

/* ===== ПРОГРЕСС — жирный + анимированный (заливка + блик) ===== */
body:has(.form-steps) .step-form__progress{
  position:relative !important; height:12px !important; margin-top:8px;
  background:#ece7f3 !important; border-radius:8px !important; overflow:hidden !important;
}
body:has(.form-steps) .step-form__progress-bg{ display:none !important; }
body:has(.form-steps) .step-form__progress-show{
  position:relative !important; height:100% !important; border-radius:8px !important;
  background:linear-gradient(90deg, var(--accent), var(--accent-2)) !important;
  box-shadow:0 2px 12px -2px var(--accent-2); overflow:hidden;
  animation:progFill 1.2s cubic-bezier(.22,1,.36,1) forwards;     /* заливка при загрузке */
}
@keyframes progFill{ from{ width:0; } to{ width:75.5%; } }         /* ← если поменяешь % в разметке, поменяй и тут */
body:has(.form-steps) .step-form__progress-show::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(100deg, transparent 20%, rgba(255,255,255,.6) 50%, transparent 80%);
  transform:translateX(-110%);
  animation:progShine 2.2s ease-in-out 1s infinite;               /* бегущий блик */
}
@keyframes progShine{ 0%{ transform:translateX(-110%);} 55%,100%{ transform:translateX(230%);} }