/* partner.vibem.ru: тема бренда поверх s2.css (как vibemarketolog.ru и лендинг) — тёмный космос, Golos Text,
   градиент #8a5cff → #c04df5 → #ff4fd8. Подключается только на партнёрском домене (base.html, body.pr). */
@font-face{font-family:Golos;src:url(lp/fonts/golos-text-var-cyrillic.woff2) format("woff2");font-weight:400 900;font-display:swap;
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Golos;src:url(lp/fonts/golos-text-var-latin.woff2) format("woff2");font-weight:400 900;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body.pr{color-scheme:dark;
  --bg:#0b0912;--bg2:#14101f;--bg3:#1c1729;--label:#f6f4fb;--label2:#a8a1bc;--label3:#857e9c;
  --sep:rgba(255,255,255,.09);--fill:rgba(255,255,255,.06);--fill2:rgba(255,255,255,.12);
  --tint:#a77bff;--tint-ink:#fff;--blue:#7cb8ff;--green:#3ddc84;--orange:#ffb340;--red:#ff7a8a;--gray:#857e9c;
  --glass:rgba(11,9,18,.72);--shadow:0 0 0 1px rgba(255,255,255,.07);--grad:linear-gradient(100deg,#8a5cff,#c04df5 50%,#ff4fd8);
  --ok-bg:rgba(61,220,132,.13);--amber-bg:rgba(255,179,64,.14);--red-bg:rgba(255,122,138,.14);
  font-family:Golos,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:0;
  background:radial-gradient(60% 40% at 85% -5%,rgba(138,92,255,.22),transparent 70%),
    radial-gradient(40% 30% at -10% 10%,rgba(255,79,216,.08),transparent 70%),#0b0912;background-attachment:fixed}
body.pr h1{font-weight:800;letter-spacing:-.03em}
body.pr h2{font-weight:750;letter-spacing:-.015em}
body.pr a{color:#cdb8ff}
body.pr .logo{color:var(--label)}
body.pr header.top{background:rgba(11,9,18,.78);border-bottom:1px solid var(--sep)}
body.pr nav.tabs{background:rgba(255,255,255,.05)}
body.pr nav.tabs a{color:var(--label2)}
body.pr nav.tabs a.on{background:rgba(255,255,255,.1);color:var(--label);box-shadow:none}
body.pr .card,body.pr .panel,body.pr .arow,body.pr .req2,body.pr .tariff,body.pr .tile{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid var(--sep);box-shadow:none}
body.pr .req2{border-left:4px solid var(--tint)}
body.pr .req2.is-done{border-left-color:var(--green)}
body.pr .req2.is-fail{border-left-color:var(--red)}
body.pr .tariff:has(input:checked){border-color:#c04df5;background:linear-gradient(180deg,rgba(138,92,255,.16),rgba(255,255,255,.02))}
body.pr .t-badge{background:var(--grad)}
body.pr .btn{background:rgba(255,255,255,.08);color:var(--label);border:1px solid var(--sep);font-family:inherit;font-weight:650}
body.pr .btn.primary{background:var(--grad);color:#fff;border:0;box-shadow:0 10px 28px -10px rgba(192,77,245,.65)}
body.pr .btn.ghost{background:none;border-color:transparent;color:#cdb8ff}
body.pr .btn.danger{color:var(--red)}
body.pr .income{background:var(--grad);box-shadow:0 18px 44px -16px rgba(192,77,245,.6)}
body.pr .income .btn{background:rgba(255,255,255,.2);border:0;color:#fff}
body.pr .tier-t i,body.pr .stepper li.s-now i{background:var(--grad)}
body.pr .cab-nav{background:transparent}
body.pr .cab-nav a{background:rgba(255,255,255,.06);border:1px solid var(--sep);box-shadow:none;color:var(--label)}
body.pr .cab-nav a b{color:#e2a7ff}
body.pr .req2-next{background:rgba(255,255,255,.05)}
body.pr .seg{background:rgba(255,255,255,.05)}
body.pr .seg button{color:var(--label2)}
body.pr .seg button.on{background:rgba(255,255,255,.12);color:var(--label);box-shadow:none}
body.pr input[type=text],body.pr input[type=search],body.pr input[type=email],body.pr input[type=tel],body.pr input[type=password],
body.pr input[type=date],body.pr select,body.pr textarea,body.pr .panel input,body.pr .panel select,body.pr .panel textarea,
body.pr dialog input,body.pr dialog select,body.pr dialog textarea{background:#0e0b17;border:1px solid rgba(255,255,255,.14);color:var(--label)}
body.pr input:focus,body.pr select:focus,body.pr textarea:focus{outline:0;border-color:#c04df5;box-shadow:0 0 0 3px rgba(192,77,245,.25)}
body.pr dialog.sheet{background:#14101f;border:1px solid var(--sep)}
body.pr dialog .tariff{background:rgba(255,255,255,.03)}
body.pr .copy{background:#0e0b17;border:1px solid var(--sep)}
body.pr code{background:rgba(255,255,255,.08)}
body.pr .ok-banner{border:1px solid rgba(61,220,132,.3)}
body.pr .warn-banner{border:1px solid rgba(255,179,64,.3)}
body.pr .lbar-t,body.pr .tier-t{background:rgba(255,255,255,.08)}
@media (max-width:700px){
  body.pr header.top{background:#0b0912}
  body.pr header.top nav.tabs{background:rgba(11,9,18,.92);border-top:1px solid var(--sep)}
  body.pr nav.tabs a{color:var(--label3)}
  body.pr nav.tabs a.on{color:#e2a7ff;background:none}
}