/* Квиз. Оформление под тёмную тему сайта: цвета берутся из переменных темы,
   значения после запятой — запасные, если квиз вставят на страницу без темы. */
.bpq{max-width:760px;margin:0 auto;font-family:inherit;color:var(--text,#fff)}
.bpq__bar{height:4px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin-bottom:.7em}
.bpq__bar span{display:block;height:100%;background:var(--gold,#DDB052);transition:width .25s}
.bpq__step{font-size:.85em;color:var(--muted,#9AA3B2);margin-bottom:1.4em}
.bpq__q{font-family:var(--serif,Georgia),serif;font-size:2em;line-height:1.2;margin:0 0 .3em;font-weight:400}
.bpq__hint{color:var(--muted,#9AA3B2);margin:0 0 1.4em}
.bpq__opts{display:flex;flex-direction:column;gap:.7em;margin-bottom:1.6em}
.bpq__opt{
  text-align:left;padding:1em 1.3em;border:1px solid rgba(255,255,255,.08);border-radius:14px;
  background:var(--card,#10131B);color:var(--text,#fff);font:inherit;cursor:pointer;
  transition:border-color .15s,background .15s,color .15s;
}
.bpq__opt:hover{border-color:var(--gold,#DDB052)}
.bpq__opt.is-on{border-color:var(--gold,#DDB052);background:rgba(221,176,82,.12);color:var(--gold,#DDB052)}
.bpq__nav{display:flex;gap:.8em;justify-content:flex-end;align-items:center}
.bpq__next,.bpq__back{
  padding:.95em 1.9em;border-radius:14px;font:inherit;font-size:.88em;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:1px solid transparent;
}
.bpq__next{background:var(--gold,#DDB052);color:var(--on-gold,#141720)}
.bpq__next:hover{background:#EFC877}
.bpq__next[disabled]{opacity:.35;cursor:not-allowed}
.bpq__back{background:transparent;color:var(--gold,#DDB052);border-color:rgba(221,176,82,.28)}
.bpq__back:hover{background:rgba(221,176,82,.1)}
.bpq__form{display:flex;flex-direction:column;gap:.9em}
.bpq__form input[type=text],.bpq__form input[type=email]{
  padding:.95em 1.1em;border:1px solid rgba(255,255,255,.08);border-radius:12px;font:inherit;
  background:var(--card,#10131B);color:var(--text,#fff);
}
.bpq__form input::placeholder{color:rgba(154,163,178,.7)}
.bpq__form input:focus{outline:none;border-color:var(--gold,#DDB052)}
.bpq__ways{display:flex;gap:.6em;flex-wrap:wrap}
.bpq__ways label{
  background:var(--card,#10131B);border:1px solid rgba(255,255,255,.08);border-radius:10px;
  padding:.55em 1em;cursor:pointer;color:#D6DAE2;
}
.bpq__ways input{accent-color:var(--gold,#DDB052);margin-right:.4em}
.bpq__consent{font-size:.86em;color:var(--muted,#9AA3B2);display:flex;gap:.6em;align-items:flex-start;line-height:1.45}
.bpq__consent input{flex:0 0 auto;margin-top:.25em;accent-color:var(--gold,#DDB052)}
.bpq__consent span{flex:1 1 auto;min-width:0}
.bpq__err{color:#E4897E;font-size:.92em}
.bpq__ok{padding:1.6em 0;font-size:1.1em}
@media (max-width:520px){
  .bpq__q{font-size:1.5em}
  .bpq__nav{flex-direction:column-reverse;align-items:stretch}
  .bpq__next,.bpq__back{width:100%}
}