/* CYBERPUNK NEON OVERDRIVE — главная. Подключается только на страницах с классом bf-page (body.bf-design).
   Файлы: этот (страница), bf-header.css (шапка), batik-footer.css (футер). Разметка секций: tools/build-home.js */
:root{
  --bg:#160207; --panel:rgba(30,4,10,.78);
  --cyan:#FFC41F; --lime:#FFF4D6; --pink:#FF1830; --red:#FF1230; --violet:#B0001C;
  --text:#FFFFFF; --body:#FFECD8; --muted:#D6B2A2; --line:rgba(255,196,31,.22);
  --c-head:"Unbounded","Inter",Arial,sans-serif;
  --c-body:"Inter","Segoe UI",Roboto,Arial,sans-serif;
  --bf-tint:rgba(22,2,7,.80);
  interpolate-size:allow-keywords;
}

/* ================= ФОН ================= */
body.bf-design{background:var(--bg)!important;font-family:var(--c-body);color:var(--body)}
body.bf-design:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:
    radial-gradient(ellipse 60% 50% at 8% 0%,rgba(255,196,31,.20),transparent 70%),
    radial-gradient(ellipse 50% 45% at 100% 40%,rgba(255,24,48,.15),transparent 70%),
    radial-gradient(ellipse 60% 50% at 20% 100%,rgba(176,0,28,.25),transparent 70%),
    linear-gradient(var(--bf-tint),var(--bf-tint)),
    var(--bf-bg-url,none);
  background-size:auto,auto,auto,auto,cover;
  background-position:0 0,0 0,0 0,0 0,center;
}
body.bf-design .site,body.bf-design .site-content,body.bf-design .content-area{background:transparent!important;position:relative;z-index:1}
body.bf-design .inside-article,body.bf-design.separate-containers .inside-article{background:transparent!important;padding:0!important;box-shadow:none!important}
body.bf-design .site-content{max-width:1560px;margin:0 auto;padding:30px 18px 40px}

/* ================= H1 ================= */
body.bf-design .entry-header{display:block;text-align:center;margin:22px auto 0;max-width:1000px;position:relative}
body.bf-design .entry-header:before{
  content:"";display:block;width:min(240px,50%);height:3px;margin:0 auto 22px;
  background:linear-gradient(90deg,transparent,var(--cyan),var(--pink),transparent);box-shadow:0 0 16px var(--cyan)
}
body.bf-design .entry-title{
  font-family:var(--c-head);font-weight:800;font-size:clamp(26px,4.8vw,56px);line-height:1.08;letter-spacing:-.025em;margin:0;color:var(--text);
  text-wrap:balance;overflow-wrap:break-word;
  text-shadow:2px 0 0 rgba(255,24,48,.75),-2px 0 0 rgba(255,196,31,.75),0 0 34px rgba(176,0,28,.55);
}

/* ================= СЕКЦИИ ================= */
.bf-page{position:relative;isolation:isolate;overflow:clip;min-width:0;color:var(--body);font-size:17px;line-height:1.75;overflow-wrap:break-word;--acc:var(--cyan)}
.bf-page *{box-sizing:border-box;min-width:0}
.bf-page p{margin:0 0 1.1em}
.bf-page a{color:var(--lime);font-weight:700;text-decoration:underline;text-decoration-color:rgba(255,244,214,.4);text-underline-offset:4px;transition:color .2s,text-shadow .2s}
.bf-page a:hover{color:#fff;text-shadow:0 0 12px var(--lime)}
.bf-page strong{color:var(--text)}
.bf-page img{max-width:100%;height:auto}

.bf-sec{padding:clamp(44px,6vw,84px) 0 clamp(20px,3vw,40px)}
/* тонкий разделитель с узлом между секциями */
.bf-sec:before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;z-index:1;
  background:linear-gradient(90deg,transparent,var(--acc) 30%,var(--acc) 70%,transparent);opacity:.65;
}
.bf-sec:after{
  content:"";position:absolute;left:50%;top:-4px;width:9px;height:9px;margin-left:-4px;transform:rotate(45deg);z-index:2;
  background:var(--bg);border:1px solid var(--acc);box-shadow:0 0 12px var(--acc);
}
.bf-sec--steps{--acc:var(--cyan)}
.bf-sec--links{--acc:var(--pink)}
.bf-sec--vpn{--acc:var(--violet)}
.bf-sec--mobile{--acc:var(--lime)}
.bf-sec--methods{--acc:var(--cyan)}
.bf-sec--faq{--acc:var(--pink)}

/* ================= H2 / H3 ================= */
.bf-page h2{
  position:relative;font-family:var(--c-head);font-weight:800;font-size:clamp(24px,3.5vw,42px);line-height:1.14;letter-spacing:-.02em;
  color:var(--text);margin:0 0 clamp(26px,4vw,46px);padding:0;max-width:22em;text-wrap:balance;overflow-wrap:break-word;
  text-shadow:0 0 28px color-mix(in srgb,var(--acc) 45%,transparent);
}
.bf-page h2:after{
  content:"";display:block;margin-top:20px;height:3px;width:clamp(120px,26vw,280px);
  background:linear-gradient(90deg,var(--acc),transparent);box-shadow:0 0 14px var(--acc);
}
.bf-page h3{
  position:relative;font-family:var(--c-head);font-weight:700;font-size:clamp(17px,2vw,24px);line-height:1.3;letter-spacing:-.01em;
  color:var(--text)!important;margin:1.7em 0 .8em;padding-left:18px;text-wrap:balance;overflow-wrap:break-word;
}
.bf-page h3:before{
  content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:4px;border-radius:2px;
  background:linear-gradient(var(--acc),var(--violet));box-shadow:0 0 12px var(--acc);
}
/* подпись над таблицей */
.bf-page p.has-text-align-center{
  text-align:left;margin:30px 0 12px;font-family:var(--c-head);font-size:13px;letter-spacing:.14em;text-transform:uppercase;
}
.bf-page p.has-text-align-center strong{color:var(--acc);text-shadow:0 0 12px var(--acc)}

/* ================= ПЕРВЫЙ ЭКРАН ================= */
.bf-hero{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,72px);align-items:center;
  padding:clamp(34px,5vw,72px) 0 clamp(44px,6vw,84px);
}
.bf-hero:before{
  content:"";position:absolute;right:2%;top:50%;width:min(520px,60vw);aspect-ratio:1;transform:translateY(-50%);z-index:-1;border-radius:50%;
  background:
    radial-gradient(closest-side,rgba(176,0,28,.30),transparent 72%),
    repeating-conic-gradient(from 0deg,rgba(255,196,31,.28) 0 .6deg,transparent .6deg 6deg);
  -webkit-mask-image:radial-gradient(closest-side,transparent 58%,#000 60%,#000 100%);mask-image:radial-gradient(closest-side,transparent 58%,#000 60%,#000 100%);
  opacity:.55;
}
.bf-hero__cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:34px}
.bf-hero__main > p{
  font-size:clamp(16px,1.5vw,19px);line-height:1.75;color:var(--body);margin:0;padding:6px 0 6px 22px;border-left:3px solid var(--cyan);
  box-shadow:-10px 0 24px -14px var(--cyan);
}
/* консоль-оглавление */
.bf-hero__toc{position:relative}
.bf-toc{
  position:relative;padding:clamp(20px,3vw,30px);border-radius:4px 28px 4px 28px;text-align:left;
  background:linear-gradient(160deg,rgba(255,196,31,.09),rgba(30,4,10,.86) 45%);
  border:1px solid var(--line);box-shadow:0 0 50px rgba(255,196,31,.10),inset 0 0 40px rgba(176,0,28,.08);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.bf-toc:before,.bf-toc:after{content:"";position:absolute;width:22px;height:22px;pointer-events:none}
.bf-toc:before{left:-1px;top:-1px;border-left:3px solid var(--cyan);border-top:3px solid var(--cyan);box-shadow:-4px -4px 14px -4px var(--cyan)}
.bf-toc:after{right:-1px;bottom:-1px;border-right:3px solid var(--pink);border-bottom:3px solid var(--pink);box-shadow:4px 4px 14px -4px var(--pink)}
.bf-toc__title{
  display:flex;align-items:center;gap:10px;margin-bottom:16px;font-family:var(--c-head);font-weight:700;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 12px var(--cyan);
}
.bf-toc__title:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:bfPing 2s ease-in-out infinite}
@keyframes bfPing{50%{opacity:.35;transform:scale(.7)}}
.bf-toc__list{list-style:none;counter-reset:bf;padding:0!important;margin:0;display:grid;gap:6px}
.bf-toc__list li{counter-increment:bf;margin:0;padding:0;background:none;border:0}
.bf-toc__list li:before{display:none}
.bf-toc__list a{
  display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:2px 12px 2px 12px;color:var(--text)!important;text-decoration:none!important;font-weight:600;font-size:15.5px;line-height:1.4;
  background:rgba(255,255,255,.025);border:1px solid transparent;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;
}
.bf-toc__list a:before{content:"0" counter(bf);flex:none;font-family:var(--c-head);font-weight:700;font-size:12px;color:var(--cyan);text-shadow:0 0 10px var(--cyan)}
.bf-toc__list a:hover{transform:translateX(6px);background:rgba(255,196,31,.08);border-color:rgba(255,196,31,.5);box-shadow:0 0 22px rgba(255,196,31,.18);text-shadow:none}

/* ================= КНОПКИ ================= */
.bf-page form{position:relative;margin:0;filter:drop-shadow(0 0 10px rgba(255,18,48,.6));--cut:14px}
.bf-page form:has(.btn-login),.bf-page form:has(.btn-green){filter:drop-shadow(0 0 10px rgba(255,244,214,.5))}
.bf-page .btn,.bf-page button.btn{
  position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:62px;padding:15px 26px;margin:0;
  font-family:var(--c-body);font-weight:800;font-size:clamp(15px,1.6vw,17px);line-height:1.35;letter-spacing:.07em;text-transform:uppercase;text-align:center;
  white-space:normal;overflow-wrap:anywhere;color:#fff!important;text-decoration:none!important;cursor:pointer;border:0;
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));
  background:linear-gradient(180deg,#ff5a6e 0%,#FF1230 48%,#b80a2c 100%);
  text-shadow:0 1px 0 rgba(0,0,0,.35),0 0 12px rgba(255,255,255,.35);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),inset 0 14px 18px rgba(255,255,255,.16),inset 0 -12px 18px rgba(0,0,0,.28);
  transition:filter .15s ease,transform .12s ease;-webkit-tap-highlight-color:transparent;
}
.bf-page .btn:before{ /* уголок-акцент */
  content:"";position:absolute;right:0;bottom:0;width:calc(var(--cut) + 2px);height:calc(var(--cut) + 2px);
  background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.6) 50%);opacity:.8
}
.bf-page .btn:after{ /* блик */
  content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;transform:skewX(-22deg);pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);opacity:0;
}
.bf-page .btn img{width:22px;height:22px;flex:none;filter:drop-shadow(0 1px 0 rgba(0,0,0,.4))}
.bf-page button.btn-login,.bf-page button.btn-green{
  background:linear-gradient(180deg,#fff6b0 0%,#ffc41f 48%,#b87400 100%);color:#2a0a00!important;text-shadow:0 1px 0 rgba(255,255,255,.55);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),inset 0 14px 18px rgba(255,255,255,.3),inset 0 -12px 18px rgba(0,0,0,.18);
}
.bf-page button.btn-login img,.bf-page button.btn-green img{filter:brightness(0)}
.bf-page .btn:hover,.bf-page .btn:focus-visible,.bf-page .btn.is-sparking{filter:brightness(1.22) saturate(1.15);animation:bfShake .08s linear 6}
.bf-page .btn:hover:after,.bf-page .btn:focus-visible:after,.bf-page .btn.is-sparking:after{opacity:1;animation:bfSweep .7s ease-out}
.bf-page form:hover,.bf-page form:focus-within{filter:drop-shadow(0 0 22px rgba(255,18,48,.95)) drop-shadow(0 0 48px rgba(255,18,48,.5))}
.bf-page form:has(.btn-login):hover,.bf-page form:has(.btn-green):hover,.bf-page form:has(.btn-login):focus-within,.bf-page form:has(.btn-green):focus-within{filter:drop-shadow(0 0 22px rgba(255,244,214,.95)) drop-shadow(0 0 48px rgba(255,244,214,.5))}
.bf-page .btn:active{transform:translateY(3px) scale(.985);filter:brightness(.9);animation:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),inset 0 8px 16px rgba(0,0,0,.45)}
.bf-page .btn:focus{outline:none}
@keyframes bfShake{0%{transform:translate(1.5px,0) rotate(.25deg)}33%{transform:translate(-1.5px,1px)}66%{transform:translate(1px,-1.5px) rotate(-.25deg)}100%{transform:translate(0,0)}}
@keyframes bfSweep{from{left:-60%}to{left:130%}}
/* искры (создаёт bf-buttons.js) */
.bf-spark{position:absolute;z-index:3;left:0;top:0;width:3px;height:12px;margin:-6px 0 0 -1.5px;border-radius:2px;pointer-events:none;will-change:transform,opacity;
  background:linear-gradient(180deg,#fff,var(--sp,#ff6a3d));box-shadow:0 0 6px 1px var(--sp,#ff6a3d),0 0 14px var(--sp,#ff6a3d)}
/* кнопки-ссылки в секциях */
.bf-sec > form{width:min(100%,380px);margin:26px 0}
.bf-sec--methods > form{width:min(100%,440px);margin:36px auto 0}
.alternative-links{list-style:none;counter-reset:none;margin:22px 0 0;padding:0!important;display:grid;gap:16px}
.alternative-links li{margin:0;padding:0;background:none;border:0}
.alternative-links li:before{display:none}
.alternative-links .btn{justify-content:flex-start;text-align:left;text-transform:none;letter-spacing:.01em;font-size:clamp(14.5px,1.5vw,16.5px);line-height:1.5;padding:18px 26px;min-height:74px}

/* ================= ПОДСКАЗКИ ================= */
.bf-page .tips-box{
  --tip:var(--cyan);position:relative;margin:22px 0;padding:16px 20px 16px 22px!important;color:var(--body)!important;font-size:.97em;line-height:1.65;
  background:linear-gradient(100deg,color-mix(in srgb,var(--tip) 14%,transparent),rgba(30,4,10,.7))!important;
  border:0;border-left:4px solid var(--tip);border-radius:2px 16px 2px 16px;box-shadow:-8px 0 28px -14px var(--tip);
}
.bf-page .bf-tip--ok{--tip:var(--lime)}
.bf-page .bf-tip--warn{--tip:var(--pink)}
.bf-page .bf-tip--note{--tip:var(--violet)}
.bf-page .tips-box strong{color:var(--tip);letter-spacing:.04em}

/* ================= СПИСКИ ================= */
.bf-page ul.wp-block-list{list-style:none;padding:0!important;margin:20px 0;display:grid;gap:8px}
.bf-page ul.wp-block-list li{
  position:relative;margin:0;padding:12px 16px 12px 52px;background:rgba(255,255,255,.03);border-radius:2px 14px 2px 14px;border:1px solid rgba(255,196,31,.16);
}
.bf-page ul.wp-block-list li:before{
  content:"";position:absolute;left:18px;top:50%;width:14px;height:2px;margin-top:-1px;background:var(--lime);box-shadow:0 0 10px var(--lime);
}
.bf-page ul.wp-block-list li:after{content:"";position:absolute;left:30px;top:50%;width:6px;height:6px;margin-top:-3px;transform:rotate(45deg);background:var(--lime);box-shadow:0 0 8px var(--lime)}
.bf-page ol.wp-block-list{padding-left:1.4em}
.bf-page ol li::marker{color:var(--lime);font-weight:900}

/* ================= КАРТИНКИ: сцены (desktop / mobile через <picture>), края растворяются ================= */
.bf-page figure{margin:0}
.bf-page figure picture{display:block}
.bf-step figure,.bf-method figure,.bf-feature figure,.bf-banner{position:relative}
.bf-step figure img,.bf-method figure img,.bf-feature figure img,.bf-banner img{
  position:relative;z-index:1;display:block;width:100%;max-width:none;height:auto;border:0;border-radius:0;background:none;box-shadow:none;
  --fade:90deg;
  -webkit-mask-image:linear-gradient(var(--fade),transparent 0,#000 var(--fw,14%)),linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(var(--fade),transparent 0,#000 var(--fw,14%)),linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%);
  mask-composite:intersect;
}

/* ---- Шаги входа: таймлайн ---- */
.bf-sec--steps{position:relative}
.bf-sec--steps:after{display:none}
.bf-sec--steps h2{margin-bottom:clamp(10px,2vw,24px)}
.bf-step{
  --acc:var(--cyan);position:relative;counter-increment:bfstep;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);gap:clamp(24px,5vw,72px);align-items:center;
  padding:clamp(26px,4vw,48px) 0 clamp(26px,4vw,48px) clamp(58px,7vw,92px);
}
.bf-sec--steps{counter-reset:bfstep}
.bf-step:nth-of-type(even){grid-template-columns:minmax(220px,340px) minmax(0,1fr)}
.bf-step:nth-of-type(even) .bf-step__body{order:2}
.bf-step:nth-of-type(5n+2){--acc:var(--lime)}
.bf-step:nth-of-type(5n+3){--acc:var(--pink)}
.bf-step:nth-of-type(5n+4){--acc:var(--violet)}
.bf-step:nth-of-type(5n+5){--acc:var(--cyan)}
/* линия таймлайна и узел */
.bf-step:before{
  content:"";position:absolute;left:19px;top:0;bottom:0;width:2px;
  background:linear-gradient(var(--acc),color-mix(in srgb,var(--acc) 20%,transparent));box-shadow:0 0 12px var(--acc);
}
.bf-step:after{
  content:"";position:absolute;left:8px;top:clamp(40px,5vw,62px);width:24px;height:24px;border-radius:50%;
  background:var(--bg);border:2px solid var(--acc);box-shadow:0 0 18px var(--acc),inset 0 0 10px var(--acc);
}
.bf-step__body:before{ /* большой контурный номер */
  content:counter(bfstep,decimal-leading-zero);position:absolute;z-index:-1;right:-4px;top:-.42em;
  font-family:var(--c-head);font-weight:800;font-size:clamp(88px,13vw,170px);line-height:1;letter-spacing:-.04em;color:transparent;
  -webkit-text-stroke:1px color-mix(in srgb,var(--acc) 55%,transparent);opacity:.55;pointer-events:none
}
.bf-step:nth-of-type(even) .bf-step__body:before{right:auto;left:-4px}
.bf-step__body > p:last-child,.bf-step__body > .tips-box:last-child{margin-bottom:0}
.bf-note{
  --acc:var(--pink);position:relative;margin-top:clamp(28px,4vw,52px);padding:clamp(22px,3.5vw,40px);border-radius:4px 30px 4px 30px;
  background:linear-gradient(120deg,rgba(255,24,48,.14),rgba(176,0,28,.12) 60%,rgba(30,4,10,.7));border:1px solid rgba(255,24,48,.4);
  box-shadow:0 0 50px rgba(255,24,48,.10)
}
.bf-note > p:nth-of-type(1){max-width:70ch}

/* ================= ССЫЛКИ (панель) ================= */
.bf-sec--links{
  margin:clamp(30px,4vw,56px) 0;padding:clamp(26px,4.5vw,60px);border-radius:4px 40px 4px 40px;
  background:linear-gradient(150deg,rgba(255,24,48,.12),rgba(30,4,10,.84) 38%,rgba(176,0,28,.10));
  border:1px solid rgba(255,24,48,.32);box-shadow:0 0 70px rgba(255,24,48,.08),inset 0 0 60px rgba(255,24,48,.05);
}
.bf-sec--links:before,.bf-sec--links:after{display:none}
.bf-sec--links > p{max-width:70ch}

/* ================= ТАБЛИЦЫ ================= */
.bf-tbl{margin:10px 0 30px;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}
.bf-tbl table{width:100%;min-width:600px;border-collapse:separate;border-spacing:0;font-size:.96em;line-height:1.5}
.bf-tbl td{padding:15px 18px;color:var(--body);vertical-align:middle;border:0;border-bottom:1px solid rgba(214,178,162,.18);background:transparent;transition:background .2s,box-shadow .2s}
.bf-tbl tr:first-child td{font-size:.78em;letter-spacing:.14em;text-transform:uppercase;padding-top:17px;padding-bottom:17px}
.bf-tbl tr:first-child td strong{color:inherit}
.bf-tbl tr:last-child td{border-bottom:0}
.bf-tbl tr:not(:first-child):hover td{background:color-mix(in srgb,var(--acc) 9%,transparent)}
.bf-tbl tr:not(:first-child) td:first-child{color:var(--text);font-weight:700}
/* вариант 1: панель статусов (розовый/циан) */
.bf-tbl--status{
  background:linear-gradient(160deg,rgba(255,24,48,.08),rgba(30,4,10,.82));border:1px solid rgba(255,24,48,.3);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));
}
.bf-tbl--status tr:first-child td{color:var(--pink);background:rgba(255,24,48,.10);border-bottom:2px solid var(--pink);text-shadow:0 0 12px var(--pink)}
.bf-tbl--status tr:not(:first-child) td:first-child{box-shadow:inset 3px 0 0 var(--pink)}
.bf-tbl--status tr:not(:first-child):hover td:first-child{box-shadow:inset 3px 0 0 var(--cyan)}
/* вариант 2: спецификация (фиолетовый/лайм) */
.bf-tbl--spec{
  background:rgba(30,4,10,.8);border:1px solid rgba(176,0,28,.5);border-radius:4px 26px 4px 26px;
  box-shadow:0 0 50px rgba(176,0,28,.14);
}
.bf-tbl--spec tr:first-child td{color:var(--lime);background:linear-gradient(90deg,rgba(176,0,28,.55),rgba(255,196,31,.16));text-shadow:0 0 10px rgba(255,244,214,.6)}
.bf-tbl--spec tr:not(:first-child):nth-child(even) td{background:rgba(176,0,28,.08)}
.bf-tbl--spec tr:not(:first-child) td:first-child{color:var(--lime)}
.bf-tbl--spec tr:not(:first-child):hover td{background:rgba(255,244,214,.08)}

/* ================= ИЛЛЮСТРАЦИИ, РАСТВОРЯЮЩИЕСЯ В ФОНЕ ================= */
.bf-banner,.bf-feature figure{position:relative}
.bf-banner{margin:clamp(28px,4vw,52px) auto 0;max-width:840px}
.bf-banner:before,.bf-feature figure:before{
  content:"";position:absolute;inset:6% 4%;z-index:-1;border-radius:50%;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--acc) 38%,transparent),transparent 78%);filter:blur(24px)
}
.bf-feature{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,4vw,56px);align-items:center;margin:0 0 clamp(36px,5vw,72px);
}
.bf-feature--flip{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin-top:clamp(36px,5vw,72px);--acc:var(--cyan)}
.bf-feature--flip .bf-feature__body{order:2}
.bf-feature > figure{z-index:0}
.bf-feature__body > p:last-child{margin-bottom:0}
.bf-feature__body > form{width:min(100%,360px);margin:22px 0}

/* ================= iOS: онбординг ================= */
.bf-ios{
  --acc:var(--lime);position:relative;margin:clamp(30px,4vw,60px) 0 0;padding:clamp(22px,4vw,46px);border-radius:4px 34px 4px 34px;
  background:radial-gradient(ellipse 50% 60% at 0% 0%,rgba(255,244,214,.11),transparent 70%),radial-gradient(ellipse 50% 60% at 100% 100%,rgba(255,196,31,.10),transparent 70%),rgba(26,3,8,.78);
  border:1px solid rgba(255,244,214,.3);box-shadow:0 0 60px rgba(255,244,214,.06);
}
.bf-ios > p{max-width:62ch}
.bf-ios ol.wp-block-list{
  counter-reset:ios;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:26px 0 clamp(30px,4vw,46px);padding:0!important;
}
.bf-ios ol.wp-block-list li{
  counter-increment:ios;position:relative;padding:54px 16px 18px;font-size:15px;line-height:1.55;color:var(--body);
  background:linear-gradient(180deg,rgba(255,244,214,.07),rgba(30,4,10,.7));border:1px solid rgba(255,244,214,.26);border-radius:2px 18px 2px 18px;
}
.bf-ios ol.wp-block-list li:before{
  content:counter(ios,decimal-leading-zero);position:absolute;left:16px;top:12px;font-family:var(--c-head);font-weight:800;font-size:24px;line-height:1;color:var(--lime);text-shadow:0 0 14px var(--lime)
}
.bf-ios ol.wp-block-list li:not(:last-child):after{content:"";position:absolute;right:-17px;top:28px;width:18px;height:2px;background:var(--lime);box-shadow:0 0 8px var(--lime)}
/* лента из экранов */
.bf-ios .wp-block-uagb-slider{position:relative;margin:0;padding:0}
.bf-ios .uagb-swiper{overflow:visible!important}
.bf-ios .swiper-pagination{display:none}
.bf-ios .swiper-wrapper{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,2vw,24px);transform:none!important;overflow:visible;padding:46px 0 0;position:relative;counter-reset:ph;
}
.bf-ios .swiper-wrapper:before{ /* линия, соединяющая этапы */
  content:"";position:absolute;left:10%;right:10%;top:12px;height:2px;background:linear-gradient(90deg,var(--lime),var(--cyan),var(--pink));box-shadow:0 0 12px rgba(255,196,31,.8)
}
.bf-ios .swiper-slide{
  position:relative;flex:none!important;width:auto!important;height:auto!important;padding:0!important;background:none!important;border:0;box-shadow:none;counter-increment:ph;
}
.bf-ios .swiper-slide:before{
  content:counter(ph);position:absolute;top:-46px;left:50%;width:26px;height:26px;margin-left:-13px;display:grid;place-items:center;border-radius:50%;
  background:var(--bg);border:2px solid var(--cyan);color:var(--cyan);font:800 12px/1 var(--c-body);box-shadow:0 0 14px var(--cyan)
}
.bf-ios .swiper-slide:nth-child(5n+1):before{border-color:var(--lime);color:var(--lime);box-shadow:0 0 14px var(--lime)}
.bf-ios .swiper-slide:nth-child(5n+5):before{border-color:var(--pink);color:var(--pink);box-shadow:0 0 14px var(--pink)}
.bf-ios .swiper-content,.bf-ios .wp-block-uagb-container,.bf-ios .uagb-container-inner-blocks-wrap{display:contents}
.bf-ios .wp-block-media-text{display:flex!important;flex-direction:column;gap:14px;margin:0;padding:0;border:0;background:none;box-shadow:none}
.bf-ios .wp-block-media-text__media{margin:0;width:100%}
.bf-ios .wp-block-media-text__media img{
  display:block;width:100%;height:auto;border-radius:18px;border:1px solid rgba(255,196,31,.5);background:#fff;
  box-shadow:0 0 0 4px rgba(22,2,7,.85),0 0 0 5px rgba(255,196,31,.25),0 22px 40px rgba(0,0,0,.55),0 0 34px rgba(255,196,31,.2)
}
.bf-ios .wp-block-media-text__content{width:100%;margin:0;padding:0}
.bf-ios .wp-block-media-text__content p{margin:0;font-size:14px;line-height:1.5;text-align:center;color:var(--body)}
.bf-ios .swiper-button-prev,.bf-ios .swiper-button-next{display:none}

/* ================= МЕТОДЫ: чередующиеся панели ================= */
.bf-method{
  --acc:var(--cyan);position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,300px);grid-template-areas:"h img" "t img";grid-template-rows:auto 1fr;column-gap:clamp(24px,5vw,64px);align-items:start;
  margin:0 0 clamp(22px,3vw,34px);padding:clamp(22px,3.5vw,42px);border-radius:4px 30px 4px 30px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 10%,transparent),rgba(30,4,10,.8) 55%);border:1px solid color-mix(in srgb,var(--acc) 32%,transparent);
}
.bf-method:nth-of-type(2){--acc:var(--lime);grid-template-columns:minmax(200px,300px) minmax(0,1fr);grid-template-areas:"img h" "img t";border-radius:30px 4px 30px 4px}
.bf-method:nth-of-type(3){--acc:var(--violet)}
.bf-method > h3{grid-area:h}
.bf-method .wp-block-columns,.bf-method .wp-block-column{display:contents}
.bf-method .wp-block-column:first-child > p{grid-area:t;margin:0}
.bf-method .wp-block-column:last-child > figure{grid-area:img;align-self:center}

/* ================= FAQ ================= */
.bf-faq{display:grid;gap:12px}
.bf-faq__item{
  position:relative;overflow:hidden;background:rgba(30,4,10,.74);border:1px solid rgba(255,24,48,.28);border-radius:4px 20px 4px 20px;
  transition:border-color .25s,box-shadow .25s,background .25s;
}
.bf-faq__item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--pink),var(--violet));opacity:.55;transition:opacity .25s,width .25s}
.bf-faq__item:hover{border-color:rgba(255,24,48,.6)}
.bf-faq__item[open]{border-color:var(--cyan);background:linear-gradient(160deg,rgba(255,196,31,.07),rgba(30,4,10,.86));box-shadow:0 0 34px rgba(255,196,31,.14)}
.bf-faq__item[open]:before{opacity:1;width:4px;background:linear-gradient(var(--cyan),var(--lime))}
.bf-faq__item summary{
  position:relative;display:flex;align-items:center;min-height:68px;padding:18px 76px 18px 28px;cursor:pointer;list-style:none;
  font-weight:700;font-size:clamp(15.5px,1.6vw,17.5px);line-height:1.45;color:var(--text);-webkit-tap-highlight-color:transparent;
}
.bf-faq__item summary::-webkit-details-marker{display:none}
.bf-faq__item summary strong{color:var(--text)}
.bf-faq__item summary:after{
  content:"";position:absolute;right:18px;top:50%;width:38px;height:38px;margin-top:-19px;border-radius:10px;
  border:1px solid rgba(255,24,48,.55);background:rgba(255,24,48,.10) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF2D75' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/20px 20px no-repeat;
  transition:transform .3s ease,background-color .25s,border-color .25s,box-shadow .25s;
}
.bf-faq__item summary:hover:after{box-shadow:0 0 16px rgba(255,24,48,.6)}
.bf-faq__item[open] summary:after{
  transform:rotate(180deg);border-color:var(--cyan);box-shadow:0 0 18px rgba(255,196,31,.6);
  background:rgba(255,196,31,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300F0FF' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/20px 20px no-repeat;
}
.bf-faq__item summary:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}
.bf-faq__answer{padding:2px 28px 24px;color:var(--body);line-height:1.7}
.bf-faq__item[open] .bf-faq__answer{animation:bfFade .35s ease}
@keyframes bfFade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.bf-faq__item::details-content{block-size:0;overflow:clip;transition:block-size .3s ease,content-visibility .3s allow-discrete}
.bf-faq__item[open]::details-content{block-size:auto}

/* ================= ПОЯВЛЕНИЕ ================= */
.bf-js .bf-page{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.bf-js .bf-page.bf-in{opacity:1;transform:none}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  .bf-js .bf-page{opacity:1;transform:none;transition:none}
  .bf-page .btn,.bf-page .btn:after,.bf-toc__title:before,.bf-faq__item .bf-faq__answer{animation:none!important}
  html{scroll-behavior:auto}
}

/* ================= АДАПТИВ ================= */
@media (max-width:1024px){
  .bf-hero{grid-template-columns:1fr;gap:34px}
  .bf-hero:before{right:-4%;top:30%;opacity:.35}
  .bf-ios ol.wp-block-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bf-ios ol.wp-block-list li:nth-child(2n):after{display:none}
}
@media (max-width:900px){
  /* лента экранов → горизонтальная прокрутка */
  .bf-ios .swiper-wrapper{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:46px 4px 14px;scrollbar-width:none}
  .bf-ios .swiper-wrapper::-webkit-scrollbar{display:none}
  .bf-ios .swiper-wrapper:before{display:none}
  .bf-ios .swiper-slide{flex:0 0 min(58%,230px)!important;scroll-snap-align:center}
  .bf-ios .swiper-button-prev,.bf-ios .swiper-button-next{
    position:absolute;top:46%;z-index:3;width:40px;height:40px;margin:0;display:block;border-radius:12px;cursor:pointer;
    background:var(--lime) center/20px 20px no-repeat;box-shadow:0 0 18px rgba(255,244,214,.7);
  }
  .bf-ios .swiper-button-prev{left:-8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310200a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E")}
  .bf-ios .swiper-button-next{right:-8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310200a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E")}
  .bf-ios .swiper-button-prev:after,.bf-ios .swiper-button-next:after{display:none}
}
@media (max-width:820px){
  .bf-step,.bf-step:nth-of-type(even){grid-template-columns:1fr;gap:22px;padding-left:56px}
  .bf-step:nth-of-type(even) .bf-step__body{order:0}
  .bf-step:nth-of-type(even) .bf-step__body:before{left:auto;right:-4px}
  .bf-step__body:before{font-size:92px;top:-.3em}
  .bf-step:before{left:15px}
  .bf-step:after{left:4px;width:22px;height:22px;top:34px}
  .bf-feature,.bf-feature--flip{grid-template-columns:1fr}
  .bf-feature--flip .bf-feature__body{order:0}
  .bf-method,.bf-method:nth-of-type(2){grid-template-columns:1fr;grid-template-areas:"h" "t" "img";row-gap:6px}
  .bf-method .wp-block-column:last-child > figure{margin-top:20px}
  .bf-tbl--status{clip-path:none;border-radius:4px 22px 4px 22px}
}
@media (max-width:768px){
  body.bf-design .site-content{padding:14px 14px 28px}
  .bf-page{font-size:16px}
  .bf-sec--links{padding:22px 16px;border-radius:4px 28px 4px 28px}
  .bf-ios{padding:22px 14px}
  .bf-note{padding:20px 16px}
  /* таблицы → карточки */
  .bf-tbl{overflow:visible;background:none;border:0;box-shadow:none;clip-path:none;border-radius:0}
  .bf-tbl table,.bf-tbl tbody{display:block;min-width:0;width:100%}
  .bf-tbl tr:first-child{display:none}
  .bf-tbl tr{display:block;margin:0 0 14px;border:1px solid color-mix(in srgb,var(--acc) 45%,transparent);border-radius:2px 18px 2px 18px;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--acc) 10%,transparent),rgba(30,4,10,.82))}
  .bf-tbl tr:not(:first-child) td{display:block;padding:10px 16px;border:0;border-bottom:1px solid rgba(214,178,162,.16);background:none!important;box-shadow:none!important}
  .bf-tbl tr:not(:first-child) td:first-child{font-size:1.02em;background:color-mix(in srgb,var(--acc) 14%,transparent)!important}
  .bf-tbl tr:not(:first-child) td:last-child{border-bottom:0}
  .bf-tbl td[data-label]:before{content:attr(data-label);display:block;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:2px}
  .bf-tbl--status{--acc:var(--pink)}
  .bf-tbl--spec{--acc:var(--lime)}
}
@media (max-width:560px){
  .bf-hero__cta{grid-template-columns:1fr;gap:14px}
  .bf-ios ol.wp-block-list{grid-template-columns:1fr;gap:12px}
  .bf-ios ol.wp-block-list li:after{display:none!important}
  .bf-ios .swiper-slide{flex-basis:min(68%,220px)!important}
  .bf-faq__item summary{padding:16px 64px 16px 20px;min-height:62px}
  .bf-faq__item summary:after{right:12px;width:36px;height:36px;margin-top:-18px}
  .bf-faq__answer{padding:2px 20px 20px}
  .bf-page .btn,.bf-page button.btn{min-height:60px;padding:14px 18px;font-size:15px}
  .alternative-links .btn{padding:16px 18px}
  .bf-step,.bf-step:nth-of-type(even){padding-left:44px}
  .bf-step:before{left:11px}
  .bf-step:after{left:1px;width:20px;height:20px}
}
@media (max-width:360px){
  body.bf-design .site-content{padding-left:10px;padding-right:10px}
  .bf-page .btn,.bf-page button.btn{letter-spacing:.03em;font-size:14px}
}
.bf-page h3:first-child,.bf-method > h3{margin-top:0}
/* заголовки всегда светлые, поверх любых цветов темы */
body.bf-design .bf-page h2,body.bf-design .bf-page h3,body.bf-design .bf-page h2 *,body.bf-design .bf-page h3 *{color:var(--text)!important}

/* ================= ЭФФЕКТЫ ФОНА: свечения, огонь, искры (создаёт bf-fx.js) ================= */
.bf-fx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}
.bf-orb{position:absolute;width:62vmax;height:62vmax;border-radius:50%;background:radial-gradient(closest-side,var(--o),transparent 70%);will-change:transform;animation:bfDrift var(--d,18s) ease-in-out infinite alternate}
.bf-orb--1{--o:rgba(255,196,31,.26);left:-22vmax;top:-22vmax}
.bf-orb--2{--o:rgba(176,0,28,.34);right:-26vmax;top:22vh;--d:24s}
.bf-orb--3{--o:rgba(255,24,48,.24);left:6vw;bottom:-34vmax;--d:21s}
@keyframes bfDrift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(9vw,-7vh,0) scale(1.18)}}
/* огонь снизу экрана */
.bf-fire{position:absolute;left:-6%;right:-6%;bottom:-4vh;height:42vh;
  -webkit-mask-image:linear-gradient(to top,#000 15%,transparent 100%);mask-image:linear-gradient(to top,#000 15%,transparent 100%)}
.bf-flame{position:absolute;bottom:0;left:var(--x);width:var(--w,26vw);height:100%;margin-left:calc(var(--w,26vw) / -2);transform-origin:50% 100%;opacity:.42;mix-blend-mode:screen;will-change:transform,opacity;
  border-radius:50% 50% 0 0/85% 85% 0 0;
  background:radial-gradient(ellipse at 50% 100%,rgba(255,214,90,.95) 0,rgba(255,96,40,.75) 22%,rgba(255,18,48,.5) 46%,transparent 72%);
  animation:bfFlame var(--t,3.2s) ease-in-out var(--dl,0s) infinite alternate}
.bf-flame--alt{background:radial-gradient(ellipse at 50% 100%,rgba(255,150,230,.9) 0,rgba(255,24,48,.65) 25%,rgba(176,0,28,.5) 50%,transparent 72%)}
.bf-flame--cool{background:radial-gradient(ellipse at 50% 100%,rgba(190,255,250,.85) 0,rgba(255,196,31,.5) 24%,rgba(176,0,28,.4) 50%,transparent 72%)}
@keyframes bfFlame{0%{transform:scale(.8,.62) translateX(-3%);opacity:.28}45%{transform:scale(1,.9) translateX(1%)}100%{transform:scale(.92,1.12) translateX(3%);opacity:.5}}
/* искры, поднимающиеся вверх */
.bf-ember{position:absolute;bottom:-14px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:var(--c);box-shadow:0 0 8px 2px var(--c);opacity:0;will-change:transform,opacity;animation:bfEmber var(--t) linear var(--dl) infinite}
@keyframes bfEmber{0%{transform:translate3d(0,0,0);opacity:0}8%{opacity:.95}60%{opacity:.6}100%{transform:translate3d(var(--dx),-108vh,0) scale(.35);opacity:0}}
@media (prefers-reduced-motion:reduce){.bf-orb,.bf-flame,.bf-ember{animation:none!important}.bf-ember{display:none}}
@media (max-width:768px){.bf-fire{height:30vh}.bf-flame{opacity:.34}}

/* ================= КАРТИНКИ ВЛИВАЮТСЯ В ТЕКСТ (bf-media.js задаёт --img) ================= */
/* на ПК показывается desktop-картинка, на телефоне (до 768px) mobile — выбирает <picture> в разметке */
.bf-step figure,.bf-method figure,.bf-feature figure{isolation:isolate}
/* цвет картинки растекается свечением вокруг неё */
.bf-step figure:before,.bf-method figure:before{
  content:"";position:absolute;inset:-10% -8%;z-index:-1;pointer-events:none;
  background:var(--img,none) center/cover no-repeat,radial-gradient(closest-side,color-mix(in srgb,var(--acc) 34%,transparent),transparent 75%);
  filter:blur(44px) saturate(1.7);opacity:.34;transition:opacity .5s;
  -webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 100%);mask-image:radial-gradient(closest-side,#000 30%,transparent 100%);
}
.bf-step:hover figure:before,.bf-method:hover figure:before{opacity:.58}

/* ---- шаги: текстовая панель растворяется в картинке ---- */
.bf-step{--ov:clamp(28px,6vw,90px);--pad:clamp(22px,3vw,38px);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0}
.bf-step:nth-of-type(even){grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.bf-step__body{
  position:relative;z-index:1;padding:var(--pad);border-radius:4px 28px 28px 4px;
  background:linear-gradient(90deg,rgba(30,4,10,.9),rgba(30,4,10,.86) 76%,rgba(30,4,10,.5));
  border:1px solid color-mix(in srgb,var(--acc) 30%,transparent);border-right-color:transparent;
  transition:border-color .3s,box-shadow .3s;
}
.bf-step:hover .bf-step__body{border-color:color-mix(in srgb,var(--acc) 70%,transparent);border-right-color:transparent;box-shadow:0 0 40px color-mix(in srgb,var(--acc) 16%,transparent)}
.bf-step:nth-of-type(even) .bf-step__body{
  border-radius:28px 4px 4px 28px;
  background:linear-gradient(270deg,rgba(30,4,10,.9),rgba(30,4,10,.86) 76%,rgba(30,4,10,.5));
  border-right-color:color-mix(in srgb,var(--acc) 30%,transparent);border-left-color:transparent;
}
.bf-step:nth-of-type(even):hover .bf-step__body{border-left-color:transparent}
.bf-step figure{z-index:0;margin:0 0 0 calc(var(--ov) * -1)}
.bf-step:nth-of-type(even) figure{margin:0 calc(var(--ov) * -1) 0 0}
.bf-step figure img{--fade:90deg;--fw:18%}
.bf-step:nth-of-type(even) figure img{--fade:270deg}

/* ---- методы: картинка занимает край карточки и растворяется в тексте ---- */
.bf-method{
  --mp:clamp(22px,3.5vw,42px);padding:var(--mp);overflow:hidden;
  grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"h img" "t img";column-gap:var(--mp);
}
.bf-method:nth-of-type(2){grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"img h" "img t"}
.bf-method > h3,.bf-method .wp-block-column:first-child > p{position:relative;z-index:1}
.bf-method .wp-block-column:last-child > figure{
  position:relative;align-self:stretch;min-height:clamp(230px,27vw,340px);margin:calc(var(--mp) * -1) calc(var(--mp) * -1) calc(var(--mp) * -1) calc(var(--mp) * -.7);
}
.bf-method:nth-of-type(2) .wp-block-column:last-child > figure{margin:calc(var(--mp) * -1) calc(var(--mp) * -.7) calc(var(--mp) * -1) calc(var(--mp) * -1)}
.bf-method figure picture{position:absolute;inset:0;width:100%;height:100%}
.bf-method figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;--fade:90deg;--fw:26%}
.bf-method:nth-of-type(2) figure img{--fade:270deg}
.bf-method:hover{border-color:color-mix(in srgb,var(--acc) 65%,transparent);box-shadow:0 0 44px color-mix(in srgb,var(--acc) 14%,transparent)}

/* ---- большие сцены в секции мобильного входа и VPN ---- */
.bf-feature{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:0 clamp(8px,2vw,28px)}
.bf-feature--flip{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}
.bf-feature figure img{--fade:90deg;--fw:14%}
.bf-feature--flip figure img{--fade:270deg}
.bf-banner{max-width:1000px}
.bf-banner img{--fw:4%}

/* ---- въезд при прокрутке ---- */
.bf-js .bf-step figure,.bf-js .bf-method .wp-block-column:last-child > figure{opacity:0;transform:translateX(48px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.bf-js .bf-step:nth-of-type(even) figure{transform:translateX(-48px)}
.bf-js .bf-method:nth-of-type(2) .wp-block-column:last-child > figure{transform:translateX(-48px)}
.bf-js .bf-step.is-in figure,.bf-js .bf-method.is-in .wp-block-column:last-child > figure{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .bf-js .bf-step figure,.bf-js .bf-method .wp-block-column:last-child > figure{opacity:1;transform:none;transition:none}
}

/* ---- телефон и узкие экраны: картинка сверху, нижний край растворяется в тексте ---- */
@media (max-width:820px){
  .bf-step,.bf-step:nth-of-type(even){grid-template-columns:1fr;padding:clamp(18px,5vw,28px) 0}
  .bf-step:before,.bf-step:after{display:none}
  .bf-step figure,.bf-step:nth-of-type(even) figure{order:-1;margin:0}
  .bf-step figure img,.bf-step:nth-of-type(even) figure img{--fade:0deg;--fw:26%}
  .bf-step__body,.bf-step:nth-of-type(even) .bf-step__body{
    order:0;margin-top:-11vw;padding:calc(var(--pad) + 3vw) var(--pad) var(--pad);border-radius:4px 24px 24px 4px;
    background:linear-gradient(180deg,rgba(30,4,10,0),rgba(30,4,10,.86) 16%,rgba(30,4,10,.9));
    border:1px solid color-mix(in srgb,var(--acc) 30%,transparent);border-top-color:transparent;
  }
  .bf-step:nth-of-type(even):hover .bf-step__body{border-top-color:transparent}
  .bf-js .bf-step figure,.bf-js .bf-step:nth-of-type(even) figure{transform:translateY(30px)}
  .bf-js .bf-step.is-in figure{transform:none}
  .bf-step figure:before{inset:-4% -6%}

  .bf-method,.bf-method:nth-of-type(2){grid-template-columns:1fr;grid-template-areas:"img" "h" "t";row-gap:0;padding-top:0}
  .bf-method .wp-block-column:last-child > figure,.bf-method:nth-of-type(2) .wp-block-column:last-child > figure{
    margin:0 calc(var(--mp) * -1);min-height:0;aspect-ratio:4/5;max-height:min(460px,118vw);
  }
  .bf-method figure img,.bf-method:nth-of-type(2) figure img{--fade:0deg;--fw:30%}
  .bf-method figure:before{display:none}
  .bf-method > h3{margin-top:-30px}
  .bf-js .bf-method .wp-block-column:last-child > figure,.bf-js .bf-method:nth-of-type(2) .wp-block-column:last-child > figure{transform:translateY(30px)}
  .bf-js .bf-method.is-in .wp-block-column:last-child > figure{transform:none}

  .bf-feature,.bf-feature--flip{grid-template-columns:1fr}
  .bf-feature figure,.bf-feature--flip figure{order:-1}
  .bf-feature figure img,.bf-feature--flip figure img{--fade:0deg;--fw:24%}
  .bf-feature__body,.bf-feature--flip .bf-feature__body{order:0;position:relative;z-index:1;margin-top:-7vw}
}

/* ================= ПРАВКИ v2: шаги без границы со стороны картинки; телефон компактнее, свайп ================= */
@media (min-width:821px){
  .bf-step__body,.bf-step:hover .bf-step__body{
    border:0;border-radius:4px 0 0 4px;padding-right:calc(var(--pad) + var(--ov));
    box-shadow:inset 3px 0 0 color-mix(in srgb,var(--acc) 70%,transparent);
    background:linear-gradient(90deg,rgba(30,4,10,.9) 0,rgba(30,4,10,.84) 50%,rgba(30,4,10,0) 100%);
  }
  .bf-step:hover .bf-step__body{box-shadow:inset 3px 0 0 var(--acc),-20px 0 50px color-mix(in srgb,var(--acc) 14%,transparent)}
  .bf-step:nth-of-type(even) .bf-step__body,.bf-step:nth-of-type(even):hover .bf-step__body{
    border:0;border-radius:0 4px 4px 0;padding-right:var(--pad);padding-left:calc(var(--pad) + var(--ov));
    box-shadow:inset -3px 0 0 color-mix(in srgb,var(--acc) 70%,transparent);
    background:linear-gradient(270deg,rgba(30,4,10,.9) 0,rgba(30,4,10,.84) 50%,rgba(30,4,10,0) 100%);
  }
  .bf-step:nth-of-type(even):hover .bf-step__body{box-shadow:inset -3px 0 0 var(--acc),20px 0 50px color-mix(in srgb,var(--acc) 14%,transparent)}
  .bf-step figure img{--fw:30%}
}
@media (max-width:820px){
  /* картинки меньше, по центру */
  .bf-step figure img,.bf-step:nth-of-type(even) figure img{width:60%;margin:0 auto}
  .bf-feature figure img,.bf-feature--flip figure img{width:66%;margin:0 auto}
  .bf-banner{max-width:320px}
  .bf-method .wp-block-column:last-child > figure,.bf-method:nth-of-type(2) .wp-block-column:last-child > figure{aspect-ratio:auto;height:250px;max-height:none}
  .bf-method figure img,.bf-method:nth-of-type(2) figure img{object-fit:contain}
}
@media (max-width:768px){
  /* таблицы, списки и шаги iOS — карточки, которые листаются пальцем вбок */
  .bf-tbl tbody,.bf-page ul.wp-block-list,.bf-ios ol.wp-block-list{
    display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    padding:4px 22px 14px 2px;margin-left:0;margin-right:-14px;
  }
  .bf-tbl tbody::-webkit-scrollbar,.bf-page ul.wp-block-list::-webkit-scrollbar,.bf-ios ol.wp-block-list::-webkit-scrollbar{display:none}
  .bf-tbl tbody{width:auto}
  .bf-tbl tr:not(:first-child){flex:0 0 72%;margin:0;scroll-snap-align:start}
  .bf-page ul.wp-block-list li{flex:0 0 66%;scroll-snap-align:start;display:flex;align-items:center}
  .bf-ios ol.wp-block-list li{flex:0 0 62%;scroll-snap-align:start;margin:0}
  .bf-ios ol.wp-block-list li:after{display:none!important}
}

/* ================= ПРАВКИ v3: длинный шаг (со списком) — текст шире и ниже; кнопки на телефоне по центру ================= */
@media (min-width:821px){
  .bf-step:has(ul.wp-block-list){grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);--ov:clamp(40px,9vw,130px)}
  .bf-step:has(ul.wp-block-list) .bf-step__body{padding-right:calc(var(--pad) + var(--ov) * .45)}
  .bf-step:has(ul.wp-block-list) ul.wp-block-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
  .bf-step:has(ul.wp-block-list) ul.wp-block-list li{padding:12px 10px 12px 40px;font-size:.92em;display:flex;align-items:center}
  .bf-step:has(ul.wp-block-list) ul.wp-block-list li:before{left:12px;width:12px}
  .bf-step:has(ul.wp-block-list) ul.wp-block-list li:after{left:22px}
  .bf-step:has(ul.wp-block-list) figure img{--fw:36%}
}
@media (max-width:768px){
  .bf-page .btn,.bf-page button.btn,.alternative-links .btn{justify-content:center;text-align:center}
  .bf-page form{width:100%;max-width:none}
  .bf-feature__body > form{width:100%}
  .bf-page form .btn{width:100%}
}

/* ================= ПРАВКИ v4: все шаги — текст шире, картинка ближе; кнопки по центру; VPN-картинка фоном ================= */
@media (min-width:821px){
  .bf-step{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);--ov:clamp(40px,9vw,130px)}
  .bf-step:nth-of-type(even){grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
  .bf-step .bf-step__body{padding-right:calc(var(--pad) + var(--ov) * .45)}
  .bf-step:nth-of-type(even) .bf-step__body{padding-right:var(--pad);padding-left:calc(var(--pad) + var(--ov) * .45)}
  .bf-step figure img{--fw:36%}
  .bf-step h3{font-size:clamp(18px,1.9vw,24px)}
}
/* кнопки по центру */
.alternative-links .btn{justify-content:center;text-align:center}
.bf-sec form,.bf-note form,.bf-feature__body > form{margin-left:auto;margin-right:auto}
.bf-sec .btn,.bf-note .btn{justify-content:center;text-align:center}

/* VPN: иллюстрация — фон всей секции */
.bf-sec--vpn{position:relative;isolation:isolate}
.bf-sec--vpn .bf-banner{position:absolute;inset:0;z-index:-1;max-width:none;margin:0;pointer-events:none;overflow:hidden}
.bf-sec--vpn .bf-banner:before{display:none}
.bf-sec--vpn .bf-banner figure,.bf-sec--vpn .bf-banner picture{display:block;width:100%;height:100%}
.bf-sec--vpn .bf-banner img{
  width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:center 70%;opacity:.34;filter:blur(6px) saturate(1.3);transform:scale(1.04);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 30%,#000 80%,transparent 100%);
  -webkit-mask-composite:source-over;mask-composite:add;
}
.bf-sec--vpn .bf-tbl,.bf-sec--vpn .bf-tip--note{position:relative;z-index:1}

/* ================= ПРАВКИ v5: шаги на ПК — широкий текст поверх большой картинки (картинка и текст перекрываются) ================= */
@media (min-width:821px){
  .bf-sec--steps .bf-step{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:center;--ov:0px}
  .bf-sec--steps .bf-step > .bf-step__body{
    grid-area:1/1;width:64%;justify-self:start;margin:0;position:relative;z-index:1;
    padding:var(--pad)!important;border:0!important;border-radius:4px 0 0 4px;
    box-shadow:inset 3px 0 0 color-mix(in srgb,var(--acc) 70%,transparent);
    background:linear-gradient(90deg,rgba(30,4,10,.92) 0,rgba(30,4,10,.86) 60%,rgba(30,4,10,.8) 100%)!important;
  }
  .bf-sec--steps .bf-step > figure{grid-area:1/1;width:62%;justify-self:end;margin:0!important;z-index:0}
  .bf-sec--steps .bf-step:nth-of-type(even) > .bf-step__body{
    justify-self:end;border-radius:0 4px 4px 0;
    box-shadow:inset -3px 0 0 color-mix(in srgb,var(--acc) 70%,transparent);
    background:linear-gradient(270deg,rgba(30,4,10,.92) 0,rgba(30,4,10,.86) 60%,rgba(30,4,10,.8) 100%)!important;
  }
  .bf-sec--steps .bf-step:nth-of-type(even) > figure{justify-self:start}
  .bf-sec--steps .bf-step figure img{--fw:34%}
  .bf-sec--steps .bf-step__body h3{font-size:clamp(18px,1.8vw,23px)}
}

/* ================= ПРАВКИ v6: страница шире; шаги без прямоугольной панели — текст прямо на фоне, картинка вливается ================= */
body.bf-design .site.grid-container,body.bf-design .grid-container{max-width:1560px}
@media (min-width:821px){
  .bf-sec--steps .bf-step > .bf-step__body,.bf-sec--steps .bf-step:nth-of-type(even) > .bf-step__body{
    width:52%;padding:var(--pad) calc(var(--pad) * .6)!important;border-radius:0;background:none!important;box-shadow:none!important;
  }
  .bf-sec--steps .bf-step:hover .bf-step__body{box-shadow:none!important}
  /* мягкое затемнение под текстом без видимых краёв */
  .bf-sec--steps .bf-step__body:after{
    content:"";position:absolute;z-index:-1;inset:-6% -8%;pointer-events:none;border-radius:40px;
    background:rgba(22,2,7,.62);filter:blur(34px);
  }
  .bf-sec--steps .bf-step > figure,.bf-sec--steps .bf-step:nth-of-type(even) > figure{width:64%}
  .bf-sec--steps .bf-step figure img{--fw:38%}
}

/* ================= ПРАВКИ v7: без нумерации 01–05 (шаги и оглавление) ================= */
.bf-step__body:before{display:none!important}
.bf-toc__list a:before{display:none}

/* ================= ПРАВКИ v8: методы на телефоне — тот же вид, что у шагов (картинка сверху, нижний край в текст) ================= */
@media (max-width:820px){
  .bf-method,.bf-method:nth-of-type(2){
    background:none;border:0;border-radius:0;box-shadow:none;padding:0;overflow:visible;margin-bottom:clamp(18px,5vw,28px);
  }
  .bf-method:hover{box-shadow:none;border:0}
  .bf-method .wp-block-column:last-child > figure,.bf-method:nth-of-type(2) .wp-block-column:last-child > figure{
    position:relative;height:auto;aspect-ratio:auto;min-height:0;max-height:none;margin:0;
  }
  .bf-method figure picture{position:static;display:block;width:100%;height:auto}
  .bf-method figure img,.bf-method:nth-of-type(2) figure img{
    position:relative;inset:auto;width:60%;height:auto;margin:0 auto;object-fit:fill;--fade:0deg;--fw:26%;
  }
  .bf-method > h3{
    margin:-11vw 0 0;padding:calc(var(--mp) + 3vw) var(--mp) 6px;position:relative;z-index:1;border-radius:4px 24px 0 0;
    background:linear-gradient(180deg,rgba(30,4,10,0),rgba(30,4,10,.86) 16%,rgba(30,4,10,.9));
    border:1px solid color-mix(in srgb,var(--acc) 30%,transparent);border-bottom:0;border-top-color:transparent;
  }
  .bf-method .wp-block-column:first-child > p{
    margin:0;padding:0 var(--mp) var(--mp);border-radius:0 0 24px 4px;background:rgba(30,4,10,.9);
    border:1px solid color-mix(in srgb,var(--acc) 30%,transparent);border-top:0;
  }
}

/* ================= ПРАВКИ v10: VPN — иллюстрация рядом с заголовком и абзацем, вливается как в шагах ================= */
.bf-vpnhead{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;margin:0 0 clamp(20px,3vw,40px);--acc:var(--violet);--pad:clamp(22px,3vw,38px)}
.bf-vpnhead figure{position:relative;isolation:isolate;margin:0}
.bf-vpnhead figure picture{display:block}
.bf-vpnhead figure img{
  display:block;width:100%;height:auto;border:0;--fade:90deg;--fw:38%;
  -webkit-mask-image:linear-gradient(var(--fade),transparent 0,#000 var(--fw)),linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(var(--fade),transparent 0,#000 var(--fw)),linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%);
  mask-composite:intersect;
}
.bf-vpnhead__body > h3{margin-top:0}
.bf-vpnhead__body > p:last-child{margin-bottom:0}
@media (min-width:821px){
  .bf-vpnhead__body{grid-area:1/1;width:54%;justify-self:start;position:relative;z-index:1;padding:var(--pad) calc(var(--pad) * .6)}
  .bf-vpnhead__body:after{content:"";position:absolute;z-index:-1;inset:-6% -8%;pointer-events:none;border-radius:40px;background:rgba(22,2,7,.62);filter:blur(34px)}
  .bf-vpnhead > figure{grid-area:1/1;width:64%;justify-self:end;z-index:0}
}
@media (max-width:820px){
  .bf-vpnhead > figure{order:-1}
  .bf-vpnhead figure img{--fade:0deg;--fw:26%;width:66%;margin:0 auto}
  .bf-vpnhead__body{order:0;position:relative;z-index:1;margin-top:-9vw;padding:calc(var(--pad) + 3vw) var(--pad) var(--pad);border-radius:4px 24px 24px 4px;
    background:linear-gradient(180deg,rgba(30,4,10,0),rgba(30,4,10,.86) 16%,rgba(30,4,10,.9));
    border:1px solid color-mix(in srgb,var(--acc) 30%,transparent);border-top-color:transparent}
}
/* VPN: нижняя часть картинки (нарисованная таблица) обрезается, чтобы не дублировать настоящую таблицу */
.bf-vpnhead figure img{object-fit:cover;object-position:top;aspect-ratio:16/6}
@media (max-width:820px){.bf-vpnhead figure img{aspect-ratio:10/8;width:84%}}

/* ================= ПРАВКИ v11: методы на телефоне — без рамок и панелей, текст прямо под растворяющейся картинкой (как Android-блок) ================= */
@media (max-width:820px){
  .bf-method > h3{margin:-7vw 0 0;padding:6px 4px 0 16px;background:none;border:0;border-radius:0}
  .bf-method .wp-block-column:first-child > p{margin:0;padding:0 4px;background:none;border:0;border-radius:0}
  .bf-method figure img,.bf-method:nth-of-type(2) figure img{width:66%}
}

/* ================= ПРАВКИ v12: на телефоне текст без панелей и рамок (шаги, VPN, ссылки, iOS, примечание) ================= */
@media (max-width:820px){
  .bf-step__body,.bf-step:nth-of-type(even) .bf-step__body,.bf-vpnhead__body{
    margin-top:-9vw;padding:4px 4px 0 !important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  }
  .bf-step:hover .bf-step__body{box-shadow:none!important}
  .bf-sec--links,.bf-ios,.bf-note{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding-left:4px!important;padding-right:4px!important;-webkit-backdrop-filter:none;backdrop-filter:none}
  .bf-sec--links{padding-top:0!important;padding-bottom:0!important}
  .bf-ios{padding-top:0!important;padding-bottom:0!important}
  .bf-note{padding-top:0!important;padding-bottom:0!important}
}

/* ================= ЛЕНТЫ: ставки «в реальном времени» и победители (демо-контент, tools/ticker.js) ================= */
.bf-ticker{display:grid;gap:12px;padding:0!important;margin:clamp(6px,2vw,22px) 0 clamp(10px,2vw,24px);overflow:visible}
.bf-tk__row{
  --tk:var(--cyan);position:relative;display:flex;align-items:stretch;min-height:58px;overflow:hidden;
  background:linear-gradient(90deg,color-mix(in srgb,var(--tk) 9%,transparent),rgba(26,3,8,.68) 30%);
  border:1px solid color-mix(in srgb,var(--tk) 32%,transparent);border-radius:2px 18px 2px 18px;
  box-shadow:0 0 36px color-mix(in srgb,var(--tk) 10%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.bf-tk__row--live{--tk:var(--pink)}
.bf-tk__row--win{--tk:var(--lime)}
.bf-tk__label{
  position:relative;z-index:2;flex:none;display:flex;align-items:center;gap:10px;padding:0 34px 0 20px;
  font-family:var(--c-head);font-weight:700;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;
  color:#07101a;background:var(--tk);clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%);box-shadow:0 0 24px var(--tk);
}
.bf-tk__dot{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.8);animation:bfLive 1.4s ease-out infinite}
@keyframes bfLive{70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.bf-tk__viewport{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 60px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 60px),transparent 100%)}
.bf-tk__track{display:flex;flex:none;width:max-content;animation:bfTicker 150s linear infinite;will-change:transform}
.bf-tk__row--win .bf-tk__track{animation-direction:reverse;animation-duration:175s}
.bf-tk__row:hover .bf-tk__track{animation-play-state:paused}
.bf-tk__set{display:flex;flex:none;gap:12px;padding:8px 12px 8px 0}
@keyframes bfTicker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.bf-tk__item{
  --c:var(--cyan);flex:none;display:inline-flex;align-items:center;gap:10px;padding:7px 18px 7px 8px;white-space:nowrap;font-size:14px;line-height:1.3;
  background:rgba(255,255,255,.04);border:1px solid color-mix(in srgb,var(--c) 28%,transparent);border-radius:999px;
}
.bf-tk__item--win{--c:var(--lime)}
.bf-tk__item--lose{--c:var(--pink)}
.bf-tk__av{
  display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:50%;font-style:normal;font-weight:800;font-size:13px;color:#07101a;
  background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 40%,#B0001C));box-shadow:0 0 12px color-mix(in srgb,var(--c) 60%,transparent);
}
.bf-tk__item b{color:var(--text);font-weight:700}
.bf-tk__item em{font-style:normal;color:var(--body);opacity:.8}
.bf-tk__odds,.bf-tk__tag{font-weight:800;font-size:12px;letter-spacing:.04em;padding:2px 9px;border-radius:999px;color:#07101a;background:var(--c)}
.bf-tk__item strong{font-family:var(--c-head);font-weight:700;font-size:13px;color:var(--c);text-shadow:0 0 10px color-mix(in srgb,var(--c) 55%,transparent)}
@media (max-width:640px){
  .bf-tk__row{min-height:52px}
  .bf-tk__label{font-size:9.5px;letter-spacing:.1em;padding:0 26px 0 12px;gap:7px;white-space:normal;max-width:34%;line-height:1.25}
  .bf-tk__item{font-size:12.5px;gap:8px;padding:6px 14px 6px 6px}
  .bf-tk__av{width:26px;height:26px;font-size:12px}
  .bf-tk__item strong{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  .bf-tk__track,.bf-tk__dot{animation:none!important}
  .bf-tk__viewport{overflow-x:auto}
}
.bf-tk__ico{display:inline-block;margin-right:6px;font-size:1.15em;line-height:1;font-style:normal;filter:drop-shadow(0 0 6px rgba(255,255,255,.35))}

/* ПРАВКИ v14: оглавление «Konten» сворачивается (только телефон) */
@media (max-width:820px){
  .bf-toc__title{cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;margin-bottom:16px}
  .bf-toc__title:after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:rotate(-135deg) translate(-2px,-2px);transition:transform .25s;filter:drop-shadow(0 0 6px var(--cyan))}
  .bf-toc--closed .bf-toc__title{margin-bottom:0}
  .bf-toc--closed .bf-toc__title:after{transform:rotate(45deg)}
  .bf-toc--closed .bf-toc__list{display:none}
}


/* ПРАВКИ v17: единый блок из трёх вкладок (Taruhan / Odds / Bankroll). Заменяет v15–v16 */
.bf-calc{padding:clamp(34px,5vw,70px) 0 clamp(10px,2vw,24px);overflow:visible}
.bf-calc__wrap{
  --acc:var(--cyan);position:relative;min-width:0;padding:clamp(14px,2.2vw,28px);border-radius:4px 30px 4px 30px;color:var(--body);
  background:linear-gradient(165deg,rgba(255,196,31,.07),rgba(30,4,10,.88) 40%);border:1px solid var(--line);
  box-shadow:0 0 50px rgba(255,196,31,.08),inset 0 0 40px rgba(176,0,28,.07);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.bf-calc__wrap:before{content:"";position:absolute;left:-1px;top:-1px;width:24px;height:24px;border-left:3px solid var(--cyan);border-top:3px solid var(--cyan);box-shadow:-4px -4px 14px -4px var(--cyan);pointer-events:none}
.bf-calc__wrap:after{content:"";position:absolute;right:-1px;bottom:-1px;width:24px;height:24px;border-right:3px solid var(--pink);border-bottom:3px solid var(--pink);box-shadow:4px 4px 14px -4px var(--pink);pointer-events:none}

/* вкладки */
.bf-calc__tabs{display:flex;gap:8px;margin:0 0 clamp(16px,2vw,24px);padding:5px;border-radius:2px 16px 2px 16px;background:rgba(14,1,5,.55);border:1px solid rgba(255,255,255,.08);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bf-calc__tabs::-webkit-scrollbar{display:none}
.bf-calc__tabs button{
  flex:1 1 0;min-width:max-content;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;margin:0;padding:9px 18px;border:1px solid transparent;border-radius:2px 12px 2px 12px;
  font:700 14.5px/1.2 var(--c-body);color:var(--muted);background:transparent;cursor:pointer;white-space:nowrap;transition:color .2s,background .2s,border-color .2s,box-shadow .2s;
}
.bf-calc__tabs button svg{flex:none;opacity:.9}
.bf-calc__tabs button:hover{color:var(--text);background:rgba(255,255,255,.05)}
.bf-calc__tabs button.is-on{color:var(--text);background:linear-gradient(180deg,rgba(255,196,31,.2),rgba(255,196,31,.06));border-color:rgba(255,196,31,.55);box-shadow:0 0 22px -6px var(--cyan)}
.bf-calc__tabs button.is-on svg{color:var(--cyan);filter:drop-shadow(0 0 6px var(--cyan))}
.bf-calc__tabs button:focus-visible{outline:2px solid var(--text);outline-offset:2px}

/* заголовок вкладки */
.bf-calc__panel[hidden],.bf-calc__cols[hidden]{display:none}
.bf-calc__phead{margin-bottom:clamp(14px,1.8vw,20px)}
.bf-page .bf-calc__title{margin:0 0 6px;padding:0;font-family:var(--c-head);font-weight:700;font-size:clamp(17px,1.7vw,22px);line-height:1.3;color:var(--text);text-transform:none;letter-spacing:0;text-shadow:none;background:none;border:0}
.bf-page .bf-calc__title:before,.bf-page .bf-calc__title:after{display:none}
.bf-page .bf-calc__lead{margin:0;font-size:14.5px;line-height:1.55;color:var(--muted)}

/* две колонки: поля и результаты */
.bf-calc__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,26px);align-items:start}
.bf-calc__form{min-width:0;padding:clamp(14px,1.8vw,22px);border-radius:2px 18px 2px 18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.bf-calc__res{min-width:0;padding:clamp(12px,1.6vw,20px);border-radius:2px 18px 2px 18px;background:rgba(14,1,5,.62);border:1px solid rgba(255,196,31,.2);box-shadow:inset 0 0 36px rgba(0,0,0,.4),0 0 30px -10px rgba(255,196,31,.25)}

/* поля */
.bf-calc__fields{display:grid;gap:12px}
.bf-calc__fields--1{grid-template-columns:minmax(0,1fr)}
.bf-calc__fields--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bf-calc__fields--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bf-calc__field{min-width:0}
.bf-calc__field label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);line-height:1.3}
.bf-calc__inwrap{position:relative}
.bf-calc input{
  width:100%;box-sizing:border-box;min-height:46px;margin:0;padding:10px 14px;border-radius:2px 12px 2px 12px;font:600 16px/1.2 var(--c-body);
  border:1px solid rgba(214,178,162,.28);outline:0;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none;
}
.bf-calc input.has-suffix{padding-right:42px}
/* цифры всегда белые, в том числе при вводе (перебивает :focus темы) */
.bf-calc input,.bf-calc input:hover,.bf-calc input:focus,.bf-calc input:active,.bf-calc input:-webkit-autofill{color:var(--text)!important;-webkit-text-fill-color:var(--text)!important;caret-color:var(--cyan)}
.bf-calc input,.bf-calc input:hover{background-color:rgba(255,255,255,.045)!important}
.bf-calc input:hover{border-color:rgba(255,255,255,.4)}
.bf-calc input:focus{background-color:rgba(255,255,255,.08)!important;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(255,196,31,.14),0 0 22px -6px var(--cyan)}
.bf-calc input::placeholder{color:var(--muted);-webkit-text-fill-color:var(--muted);opacity:.8;font-weight:500}
.bf-calc input.is-invalid{border-color:var(--red);box-shadow:0 0 0 3px rgba(255,18,48,.14)}
.bf-calc__suffix{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:700;color:var(--muted);pointer-events:none}
.bf-page .bf-calc__err{margin:5px 0 0;font-size:12.5px;line-height:1.35;color:#ff7d8f}
.bf-page .bf-calc__err[hidden]{display:none}

/* переключатели и быстрые кнопки */
.bf-calc__pick{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin:0 0 14px}
.bf-calc__form .bf-calc__fields+.bf-calc__pick,.bf-calc__form .bf-calc__fields+.bf-calc__chips{margin-top:14px}
.bf-calc__pickl{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.bf-calc__seg{display:inline-flex;max-width:100%;padding:3px;border-radius:2px 12px 2px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(214,178,162,.28)}
.bf-calc__pick--mode,.bf-calc__pick--model{align-items:stretch;margin-top:12px}
.bf-calc__pick--model{margin-top:0}
.bf-calc__pick--mode .bf-calc__seg,.bf-calc__pick--model .bf-calc__seg{display:flex;width:100%}
.bf-calc__pick--mode .bf-calc__pickl{display:none}
.bf-calc__seg button{flex:1 1 auto;min-height:38px;padding:7px 16px;margin:0;border:0;border-radius:2px 9px 2px 9px;font:700 14px/1.25 var(--c-body);color:var(--body);background:transparent;cursor:pointer;text-align:center;transition:background .2s,color .2s,box-shadow .2s}
.bf-calc__seg button:hover{color:var(--text)}
.bf-calc__seg button.is-on{color:#240400;background:var(--cyan);box-shadow:0 0 18px -4px var(--cyan)}
.bf-calc__seg button:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.bf-calc__chips{margin:0}
.bf-calc__chiprow{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px}
.bf-calc__chip{min-height:38px;min-width:58px;padding:6px 12px;margin:0;border-radius:2px 10px 2px 10px;font:700 14px/1 var(--c-body);color:var(--text);background:rgba(255,255,255,.05);border:1px solid rgba(214,178,162,.28);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
.bf-calc__chip:hover{border-color:var(--cyan);background:rgba(255,196,31,.1);box-shadow:0 0 16px -6px var(--cyan)}
.bf-calc__chip:focus-visible{outline:2px solid var(--text);outline-offset:2px}

/* результаты */
.bf-calc__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bf-calc__row+.bf-calc__row,.bf-calc__row+.bf-calc__notes,.bf-calc__notes+.bf-calc__row{margin-top:10px}
.bf-calc__m{min-width:0;padding:11px 12px;border-radius:2px 12px 2px 12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.bf-calc__ml{display:block;margin-bottom:4px;font-size:11.5px;font-weight:600;line-height:1.3;color:var(--muted)}
.bf-calc__mv{display:block;font:700 clamp(14px,1.25vw,16.5px)/1.3 var(--c-head);color:var(--text);overflow-wrap:anywhere;word-break:break-word;transform-origin:left center}
.bf-calc__m--hero{padding:14px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border-color:rgba(255,196,31,.35)}
.bf-calc__m--hero .bf-calc__mv{font-size:clamp(17px,1.7vw,22px);color:var(--cyan);text-shadow:0 0 16px rgba(255,196,31,.3)}
.bf-calc__row>.bf-calc__m--big,.bf-calc__row>.bf-calc__m--big+.bf-calc__m--hero{grid-column:1/-1}
.bf-calc__m--big .bf-calc__mv{font-size:clamp(24px,3vw,34px)}
.bf-calc .bf-calc__mv.is-pos{color:#3dff9b;text-shadow:0 0 16px rgba(61,255,155,.4)}
.bf-calc .bf-calc__mv.is-neg{color:var(--red);text-shadow:0 0 16px rgba(255,18,48,.4)}
.bf-calc__m.is-flash{animation:bfCalcFlash .55s ease-out}
.bf-calc__m.is-flash .bf-calc__mv{animation:bfCalcFlashTx .55s ease-out}
@keyframes bfCalcFlash{0%{background-color:rgba(255,196,31,.26);border-color:var(--cyan);box-shadow:0 0 22px rgba(255,196,31,.45)}100%{box-shadow:0 0 0 rgba(255,196,31,0)}}
@keyframes bfCalcFlashTx{0%{transform:scale(1.06);text-shadow:0 0 18px var(--cyan)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.bf-calc__m.is-flash,.bf-calc__m.is-flash .bf-calc__mv{animation:none}}

/* пояснения и предупреждения */
.bf-calc__notes:empty{display:none}
.bf-calc__notes{display:grid;gap:8px}
.bf-page .bf-calc__sub{margin:0;padding:9px 12px;font-size:13px;line-height:1.5;border-radius:2px 10px 2px 10px;background:rgba(255,196,31,.07);border-left:3px solid var(--cyan);color:var(--body)}
.bf-page .bf-calc__sub--warn{background:rgba(255,24,48,.09);border-left-color:var(--pink)}
.bf-page .bf-calc__note{margin:14px 0 0;font-size:12.5px;line-height:1.6;color:var(--muted)}
.bf-page .bf-calc__note b{color:var(--body)}
.bf-page .bf-calc__note--warn{color:var(--body)}

@media (max-width:900px){
  .bf-calc__cols{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .bf-calc{padding-top:30px}
  .bf-calc__wrap{padding:12px 10px;border-radius:4px 20px 4px 20px}
  .bf-calc__tabs{gap:6px;padding:4px;margin-bottom:14px}
  .bf-calc__tabs button{flex:0 0 auto;min-height:42px;padding:8px 13px;font-size:13px;gap:7px}
  .bf-calc__form{padding:12px 10px}
  .bf-calc__res{padding:10px}
  .bf-calc__fields{gap:10px}
  .bf-calc__fields--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bf-calc__fields--3 .bf-calc__field:last-child{grid-column:1/-1}
  .bf-calc__m{padding:9px 10px}
  .bf-calc__seg button{padding:7px 10px;font-size:13px}
  .bf-calc__chip{flex:1 1 28%}
}
@media (max-width:340px){
  .bf-calc__fields--2,.bf-calc__fields--3{grid-template-columns:minmax(0,1fr)}
  .bf-calc__row{grid-template-columns:minmax(0,1fr)}
}

/* ПРАВКИ v18: больше показателей — справка слева, сгруппированные пояснения, таблица конвертации */
.bf-calc__row--1{grid-template-columns:minmax(0,1fr)}
.bf-calc__row--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bf-calc__row>.bf-calc__m:last-child:nth-child(odd):not(:only-child){grid-column:1/-1}
.bf-calc__row--3>.bf-calc__m:last-child:nth-child(odd):not(:only-child){grid-column:auto}
.bf-calc__m--sm{padding:11px 10px;text-align:center}
.bf-calc__m--sm .bf-calc__mv{font-size:clamp(16px,1.5vw,20px)}
.bf-calc__m--prob{padding:14px;text-align:left;background:linear-gradient(160deg,rgba(255,196,31,.1),rgba(255,255,255,.02));border-color:rgba(255,196,31,.35)}
.bf-calc__m--prob .bf-calc__mv{font-size:clamp(22px,2.6vw,30px);color:var(--cyan);text-shadow:0 0 16px rgba(255,196,31,.3)}
.bf-calc__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.bf-calc__tags i{font-style:normal;font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px;color:var(--cyan);background:rgba(255,196,31,.1);border:1px solid rgba(255,196,31,.3)}

/* справка под полями (заполняет левую колонку) */
.bf-calc__help{margin-top:16px;border-top:1px dashed rgba(255,255,255,.14);padding-top:12px}
.bf-calc__help summary,.bf-calc__more summary{cursor:pointer;list-style:none;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--cyan);display:flex;align-items:center;gap:8px;min-height:28px}
.bf-calc__help summary::-webkit-details-marker,.bf-calc__more summary::-webkit-details-marker{display:none}
.bf-calc__help summary:after,.bf-calc__more summary:after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.bf-calc__help[open] summary:after,.bf-calc__more[open] summary:after{transform:rotate(-135deg) translate(-2px,-2px)}
.bf-calc__help summary:focus-visible,.bf-calc__more summary:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.bf-calc__help dl{margin:10px 0 0;display:grid;gap:8px}
.bf-calc__help dl>div{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:10px;font-size:12.5px;line-height:1.45}
.bf-calc__help dt{margin:0;font-weight:700;color:var(--text)}
.bf-calc__help dd{margin:0;color:var(--muted)}

/* сгруппированные пояснения справа */
.bf-calc__more{margin:0;padding:8px 12px;border-radius:2px 10px 2px 10px;background:rgba(255,196,31,.05);border:1px solid rgba(255,196,31,.2)}
.bf-calc__more[open]{display:grid;gap:8px}
.bf-calc__more .bf-calc__sub{background:transparent;padding:6px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px}

/* таблица конвертации (режим анализа маржи) */
.bf-calc__tbl{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:0;font-size:13px;border:1px solid rgba(255,255,255,.08);border-radius:2px 10px 2px 10px;overflow:hidden}
.bf-calc__tbl>*{padding:8px 8px;min-width:0;overflow-wrap:anywhere;border-bottom:1px solid rgba(255,255,255,.06);text-align:center}
.bf-calc__tbl>b{color:var(--muted);font-weight:700;font-size:11.5px}
.bf-calc__tbl>b:nth-child(4n+1){text-align:left;color:var(--cyan)}
.bf-calc__tbl>span{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}
.bf-calc__tbl>*:nth-last-child(-n+4){border-bottom:0}
.bf-calc__conv{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.12)}
.bf-calc__convt{display:block;margin-bottom:8px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan)}

@media (max-width:560px){
  .bf-calc__m--sm{padding:9px 4px}
  .bf-calc__m--sm .bf-calc__mv{font-size:15px}
  .bf-calc__help dl>div{grid-template-columns:minmax(0,1fr)}
  .bf-calc__help dl{gap:6px}
  .bf-calc__tbl{font-size:12px}
  .bf-calc__tbl>*{padding:7px 4px}
  .bf-calc__tbl>b{font-size:10.5px}
}
@media (max-width:340px){
  .bf-calc__row--3{grid-template-columns:minmax(0,1fr)}
}

/* ПРАВКИ v19: КАЗИНО — ярко-красный, белый, золото (палитра заменена скриптом; исходный неон в backup-neon/) */
:root{--bg:#160207;--violet:#E0102A;--line:rgba(255,196,31,.5);--bf-tint:rgba(26,2,8,.74)}
body.bf-design:before{
  background-image:
    radial-gradient(ellipse 60% 50% at 6% 0%,rgba(255,196,31,.30),transparent 70%),
    radial-gradient(ellipse 55% 50% at 100% 35%,rgba(255,24,48,.34),transparent 70%),
    radial-gradient(ellipse 65% 55% at 18% 100%,rgba(200,0,30,.42),transparent 70%),
    linear-gradient(var(--bf-tint),var(--bf-tint)),
    var(--bf-bg-url,none);
}
/* заголовки: белый + золотое свечение, золото→красная линия */
.bf-page h2{text-shadow:0 0 22px rgba(255,196,31,.55),0 2px 0 rgba(0,0,0,.35)}
.bf-page h2:after{height:4px;background:linear-gradient(90deg,#FFC41F,#FF1830 70%,transparent);box-shadow:0 0 16px rgba(255,196,31,.8)}
.bf-page h3:before{background:linear-gradient(#FFC41F,#FF1830);box-shadow:0 0 14px rgba(255,196,31,.8)}
.bf-sec:before{opacity:.9;height:2px}
.bf-sec--steps,.bf-sec--methods,.bf-sec--mobile{--acc:#FFC41F}
.bf-sec--links,.bf-sec--vpn,.bf-sec--faq{--acc:#FF2A42}
/* ссылки в тексте: белые, золотое подчёркивание */
.bf-page a{color:#fff;text-decoration-color:#FFC41F}
.bf-page a:hover{color:#FFC41F;text-shadow:0 0 14px #FFC41F}
/* кнопки: золотая обводка, пульсирующее свечение красный↔золото */
.bf-page .btn,.bf-page button.btn{box-shadow:inset 0 0 0 2px rgba(255,214,102,.95),inset 0 14px 18px rgba(255,255,255,.22),inset 0 -12px 18px rgba(0,0,0,.3)}
.bf-page button.btn-login,.bf-page button.btn-green{box-shadow:inset 0 0 0 2px rgba(255,255,255,.9),inset 0 14px 18px rgba(255,255,255,.35),inset 0 -12px 18px rgba(120,60,0,.3)}
.bf-page form:has(.btn-login),.bf-page form:has(.btn-green){filter:drop-shadow(0 0 12px rgba(255,196,31,.7))}
.bf-page form:has(.btn-login):hover,.bf-page form:has(.btn-green):hover,.bf-page form:has(.btn-login):focus-within,.bf-page form:has(.btn-green):focus-within{filter:drop-shadow(0 0 24px rgba(255,196,31,1)) drop-shadow(0 0 50px rgba(255,196,31,.6))}
@keyframes bfCasinoPulse{0%,100%{filter:drop-shadow(0 0 10px rgba(255,24,48,.7))}50%{filter:drop-shadow(0 0 24px rgba(255,24,48,1)) drop-shadow(0 0 40px rgba(255,196,31,.55))}}
@keyframes bfCasinoPulseGold{0%,100%{filter:drop-shadow(0 0 10px rgba(255,196,31,.6))}50%{filter:drop-shadow(0 0 26px rgba(255,196,31,1)) drop-shadow(0 0 44px rgba(255,255,255,.45))}}
.bf-page form:not(:has(.btn-login)):not(:has(.btn-green)){animation:bfCasinoPulse 1.7s ease-in-out infinite}
.bf-page form:has(.btn-login),.bf-page form:has(.btn-green){animation:bfCasinoPulseGold 1.7s ease-in-out infinite}
.bf-page form:hover,.bf-page form:focus-within{animation:none}
/* вкладки калькулятора: активная — красная с золотой рамкой */
.bf-calc__tabs button.is-on{color:#fff;background:linear-gradient(180deg,#FF3347,#B80A2C);border-color:#FFC41F;box-shadow:0 0 22px -2px rgba(255,24,48,.9),inset 0 0 0 1px rgba(255,255,255,.35)}
.bf-calc__tabs button.is-on svg{color:#fff;filter:drop-shadow(0 0 6px #FFC41F)}
.bf-calc__wrap,.bf-toc{border-width:2px}
.bf-calc__seg button.is-on{color:#240400}
.bf-calc__m--hero{border-color:rgba(255,196,31,.6)}
.bf-calc__m--hero .bf-calc__mv,.bf-calc__m--prob .bf-calc__mv{color:#FFD24A;text-shadow:0 0 18px rgba(255,196,31,.7)}
.bf-calc__res{border-color:rgba(255,196,31,.4);box-shadow:inset 0 0 36px rgba(0,0,0,.45),0 0 34px -8px rgba(255,24,48,.55)}
@media (prefers-reduced-motion:reduce){
  .bf-page form,.bf-page form:has(.btn-login),.bf-page form:has(.btn-green){animation:none!important}
}

/* ПРАВКИ v20: контраст текста — светлее и плотнее текст, темнее подложка, мягкая тень для отделения от фона */
:root{--text:#FFFFFF;--body:#FFFFFF;--muted:#F3D3C4;--bf-tint:rgba(18,1,6,.86)}
.bf-page{font-weight:500}
.bf-page p,.bf-page li,.bf-page td,.bf-page th,.bf-page summary,.bf-page dd{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.75),0 0 14px rgba(0,0,0,.45)}
.bf-page p strong,.bf-page li strong,.bf-page td strong{color:#FFD24A}
.bf-page .bf-calc p,.bf-page .bf-calc li,.bf-page .bf-calc dd{text-shadow:none}
.bf-page .bf-calc__lead,.bf-page .bf-calc__note,.bf-calc__ml,.bf-calc__field label,.bf-calc__help dd,.bf-calc__pickl{color:#F6DACB}
.bf-page .bf-calc__note b{color:#fff}
.bf-hero__main > p{font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 18px rgba(0,0,0,.55)}
.bf-toc__list a{color:#fff!important;font-weight:700}
.bf-tk__item,.bf-tk__label{color:#fff}
body.bf-design .site-footer,body.bf-design .site-footer *{--text:#fff}

/* ПРАВКИ v21: внутренние страницы (Kontak, Tentang Kami, Kebijakan Privasi) */
.bf-doc{max-width:1120px;margin:0 auto;padding:clamp(14px,2.5vw,34px) 0 clamp(30px,5vw,70px);--acc:#FFC41F}
.bf-doc__intro{margin:0 0 clamp(8px,2vw,20px)}
.bf-doc__intro p{font-size:clamp(17px,1.8vw,21px);line-height:1.75;margin:0;padding:8px 0 8px 22px;border-left:4px solid #FFC41F;box-shadow:-12px 0 26px -16px #FFC41F;font-weight:600}
.bf-doc__sec{--acc:#FFC41F;position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(18px,3vw,38px);align-items:center;margin-top:clamp(26px,4vw,52px);padding:clamp(20px,3.2vw,40px);border-radius:4px 30px 4px 30px;
  background:linear-gradient(165deg,rgba(255,196,31,.09),rgba(30,4,10,.84) 45%);border:2px solid rgba(255,196,31,.45);box-shadow:0 0 50px -14px rgba(255,24,48,.55),inset 0 0 40px rgba(176,0,28,.18)}
.bf-doc__sec--red{--acc:#FF2A42;background:linear-gradient(165deg,rgba(255,24,48,.12),rgba(30,4,10,.84) 45%);border-color:rgba(255,42,66,.55);box-shadow:0 0 50px -14px rgba(255,196,31,.5),inset 0 0 40px rgba(176,0,28,.18)}
.bf-doc__sec:before{content:"";position:absolute;left:-2px;top:-2px;width:26px;height:26px;border-left:4px solid var(--acc);border-top:4px solid var(--acc);box-shadow:-4px -4px 14px -4px var(--acc);pointer-events:none}
.bf-doc__sec:after{content:"";position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-right:4px solid #fff;border-bottom:4px solid #fff;box-shadow:4px 4px 14px -4px #fff;opacity:.85;pointer-events:none}
.bf-doc__sec--media{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.bf-doc__sec--flip .bf-doc__fig{order:2}
.bf-doc__text{min-width:0}
.bf-doc__text>*:last-child{margin-bottom:0}
.bf-page .bf-doc h2{font-size:clamp(22px,2.7vw,34px);margin:0 0 clamp(14px,2vw,22px);max-width:none;color:#fff}
.bf-page .bf-doc h2:after{margin-top:14px;width:clamp(90px,18vw,200px);background:linear-gradient(90deg,var(--acc),transparent)}
.bf-doc__text p{font-size:clamp(16px,1.4vw,18px);line-height:1.8}
.bf-doc__text ul.wp-block-list{margin:0 0 1.2em;padding:0;list-style:none;display:grid;gap:10px}
.bf-doc__fig,.bf-doc__fig figure{margin:0}
.bf-doc__fig img{display:block;width:100%;height:auto;border-radius:4px 22px 4px 22px;border:2px solid #FFC41F;box-shadow:0 0 36px -6px rgba(255,24,48,.75),0 0 0 4px rgba(255,255,255,.06)}
.bf-doc__fig a{display:block;text-decoration:none}
.bf-doc .last-updated-note{display:inline-block;margin:6px 0 0;padding:8px 16px;font-weight:700;color:#240400!important;text-shadow:none!important;background:linear-gradient(180deg,#fff6b0,#ffc41f 55%,#b87400);border-radius:2px 12px 2px 12px;box-shadow:0 0 22px -4px rgba(255,196,31,.8)}
/* контакты: вступление и форма под ним */
.bf-doc--contact{max-width:860px}
.bf-contact{display:grid;gap:clamp(20px,3vw,34px)}
.bf-contact__intro p{font-size:clamp(17px,1.9vw,22px);line-height:1.7;margin:0;padding:8px 0 8px 22px;border-left:4px solid #FFC41F;box-shadow:-12px 0 26px -16px #FFC41F;font-weight:600}
.bf-contact__form{position:relative;padding:clamp(20px,3.4vw,40px);border-radius:4px 30px 4px 30px;background:linear-gradient(165deg,rgba(255,196,31,.1),rgba(30,4,10,.88) 45%);border:2px solid rgba(255,196,31,.55);box-shadow:0 0 60px -12px rgba(255,24,48,.65),inset 0 0 40px rgba(176,0,28,.2)}
.bf-contact__form:before{content:"";position:absolute;left:-2px;top:-2px;width:28px;height:28px;border-left:4px solid #FFC41F;border-top:4px solid #FFC41F;box-shadow:-4px -4px 14px -4px #FFC41F;pointer-events:none}
.bf-contact__form:after{content:"";position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;border-right:4px solid #FF2A42;border-bottom:4px solid #FF2A42;box-shadow:4px 4px 14px -4px #FF2A42;pointer-events:none}
.bf-contact__form form p{margin:0 0 18px}
.bf-contact__form label{display:block;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#FFD24A;line-height:1.3}
.bf-contact__form .wpcf7-form-control-wrap{display:block;margin-top:8px}
.bf-contact__form input[type=text],.bf-contact__form input[type=email],.bf-contact__form textarea{
  width:100%;box-sizing:border-box;margin:0;padding:13px 16px;min-height:50px;border-radius:2px 12px 2px 12px;font:600 16px/1.4 var(--c-body);
  color:#fff!important;-webkit-text-fill-color:#fff!important;caret-color:#FFC41F;background-color:rgba(255,255,255,.06)!important;border:1px solid rgba(255,214,102,.45);outline:0;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s,background .2s
}
.bf-contact__form textarea{min-height:170px;resize:vertical}
.bf-contact__form input:hover,.bf-contact__form textarea:hover{border-color:#FFC41F}
.bf-contact__form input:focus,.bf-contact__form textarea:focus{border-color:#FFC41F;background-color:rgba(255,255,255,.1)!important;box-shadow:0 0 0 3px rgba(255,196,31,.22),0 0 24px -6px #FFC41F}
.bf-contact__form input[type=submit]{
  position:relative;display:block;width:100%;min-height:62px;padding:15px 26px;margin:6px 0 0;border:0;cursor:pointer;font:800 clamp(15px,1.6vw,17px)/1.3 var(--c-body);letter-spacing:.09em;text-transform:uppercase;color:#fff;
  background:linear-gradient(180deg,#ff5a6e 0%,#FF1230 48%,#b80a2c 100%);text-shadow:0 1px 0 rgba(0,0,0,.35),0 0 12px rgba(255,255,255,.35);
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
  box-shadow:inset 0 0 0 2px rgba(255,214,102,.95),inset 0 14px 18px rgba(255,255,255,.22),inset 0 -12px 18px rgba(0,0,0,.3);
  transition:filter .15s,transform .12s;-webkit-appearance:none;appearance:none
}
.bf-contact__form input[type=submit]:hover,.bf-contact__form input[type=submit]:focus-visible{filter:brightness(1.2) saturate(1.15);outline:none}
.bf-contact__form input[type=submit]:active{transform:translateY(3px) scale(.985);filter:brightness(.9)}
.bf-contact__form .wpcf7-spinner{display:none}
.bf-contact__form .wpcf7-not-valid-tip{margin-top:6px;font-size:13px;font-weight:700;color:#ff8a99}
.bf-contact__form .wpcf7-not-valid{border-color:#FF1230!important}
.bf-contact__form .wpcf7-response-output{margin:18px 0 0!important;padding:12px 16px!important;border:2px solid #FFC41F!important;border-radius:2px 12px 2px 12px;font-weight:700;color:#fff;background:rgba(255,196,31,.1)}
.bf-contact__form .wpcf7 form.invalid .wpcf7-response-output,.bf-contact__form .wpcf7 form.failed .wpcf7-response-output{border-color:#FF1230!important;background:rgba(255,24,48,.14)}
.bf-contact__form .wpcf7 form.sent .wpcf7-response-output{border-color:#3dff9b!important;background:rgba(61,255,155,.12)}
@media (max-width:820px){
  .bf-doc__sec--media{grid-template-columns:minmax(0,1fr)}
  .bf-doc__sec--flip .bf-doc__fig{order:0}
  .bf-doc__sec{padding:16px 14px;border-radius:4px 20px 4px 20px}
  .bf-contact__form{padding:18px 14px;border-radius:4px 20px 4px 20px}
}

/* ПРАВКИ v22: контраст — текст на цветных подложках и красный/золотой текст на тёмном */
/* ленты: подпись на красном — белая, на кремовом — тёмная; ярлыки «Kalah» на красном — белые */
.bf-tk__row .bf-tk__label{text-shadow:none}
.bf-tk__row--live .bf-tk__label{color:#fff}
.bf-tk__row--win .bf-tk__label{color:#240400}
.bf-tk__row--live .bf-tk__dot{background:#fff}
.bf-tk__row--win .bf-tk__dot{background:#240400}
.bf-tk__item--lose .bf-tk__tag,.bf-tk__item--lose .bf-tk__odds,.bf-tk__item--lose .bf-tk__av{color:#fff}
.bf-tk__item--lose strong{color:#FF8796}
.bf-tk__item b{color:#fff}
.bf-tk__item em{color:#fff;opacity:.85}
/* красный текст на тёмном — светлее; акцентный текст смешивается с белым */
.bf-page p.has-text-align-center strong{color:color-mix(in srgb,var(--acc) 50%,#fff)}
.bf-page .tips-box strong{color:color-mix(in srgb,var(--tip) 50%,#fff)}
.bf-tbl--status tr:first-child td{color:#fff;text-shadow:0 0 12px var(--pink),0 1px 2px rgba(0,0,0,.6)}
.bf-tbl td[data-label]:before{color:color-mix(in srgb,var(--acc) 50%,#fff)}
.bf-ios .swiper-slide:nth-child(5n+5):before{color:#FF8796}
.bf-calc .bf-calc__mv.is-neg{color:#FF6B7C}
.bf-calc .bf-calc__m--edge .bf-calc__mv.is-neg{color:#FF6B7C}

/* ПРАВКИ v23: своя кнопка «наверх» (вместо кнопки из кастомайзера темы) */
body.bf-design .generate-back-to-top{display:none!important}
.bf-top{
  position:fixed;right:clamp(14px,2.2vw,28px);bottom:clamp(14px,2.2vw,28px);z-index:9990;display:grid;place-items:center;width:54px;height:54px;margin:0;padding:0;border:0;cursor:pointer;
  color:#fff;background:linear-gradient(180deg,#ff5a6e 0%,#FF1230 48%,#b80a2c 100%);
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
  box-shadow:inset 0 0 0 2px rgba(255,214,102,.95),inset 0 10px 14px rgba(255,255,255,.22);filter:drop-shadow(0 0 12px rgba(255,24,48,.8));
  opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .2s,transform .2s,visibility .2s,filter .15s;-webkit-tap-highlight-color:transparent
}
.bf-top.is-on{opacity:1;visibility:visible;transform:none}
.bf-top:hover,.bf-top:focus-visible{filter:drop-shadow(0 0 20px rgba(255,196,31,1)) brightness(1.15);outline:none}
.bf-top:active{transform:translateY(2px) scale(.96)}
.bf-top svg{display:block;filter:drop-shadow(0 1px 0 rgba(0,0,0,.35))}
@media (max-width:640px){.bf-top{width:48px;height:48px}}
@media (prefers-reduced-motion:reduce){.bf-top{transition:none}}

/* ПРАВКИ v24: ленты стали длиннее (68 и 72 пункта) — длительность пропорционально, чтобы скорость осталась прежней */
.bf-tk__track{animation-duration:165s}
.bf-tk__row--win .bf-tk__track{animation-duration:185s}