/* Опросник до регистрации (/start и /start/company).
   Один файл на оба экрана: кандидатский и компанийский опросники — это одна
   и та же механика, разъезжаться в стилях им нельзя. */
/* Палитра опросника. Раньше эти токены брались из блока .ld главной /auth, но на /start
   класса .ld на странице нет — переменные не определялись, и весь экран (включая лаймовую
   кнопку «Открыть вакансии») уезжал в бесцветный. Держим свою копию: опросник не должен
   зависеть от замороженной главной. */
.wz-body{
    --ld-bg:#060806; --ld-bg-2:#0B0F0B; --ld-surface:#0F1510; --ld-surface-2:#141C15; --ld-line:#1E2A1F;
    --ld-lime:#B8E62E; --ld-lime-2:#D9FF5C; --ld-lime-soft:rgba(184,230,46,.12);
    --ld-ink:#F1F5EA; --ld-ink-2:#A7B3A3; --ld-ink-3:#7A877A;
    --ld-glow:0 0 0 1px var(--ld-lime), 0 0 14px rgba(184,230,46,.55), 0 0 38px rgba(184,230,46,.25), inset 0 0 18px rgba(184,230,46,.08);
    --ld-glow-soft:0 0 0 1px rgba(184,230,46,.45), 0 0 10px rgba(184,230,46,.22);
    background:var(--ld-bg); color:var(--ld-ink); min-height:100dvh; margin:0;
    font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
    display:flex; flex-direction:column;}
.wz-top{padding:16px 18px 0; display:flex; align-items:center; gap:12px;}
.wz-back{width:34px; height:34px; flex:none; border-radius:11px; border:1px solid var(--ld-line);
    background:var(--ld-surface); color:var(--ld-ink-2); display:grid; place-items:center; cursor:pointer;}
.wz-back[hidden]{display:none;}
.wz-bar{flex:1; height:5px; border-radius:99px; background:var(--ld-surface-2); overflow:hidden;}
.wz-bar i{display:block; height:100%; width:0; border-radius:99px; background:var(--ld-lime);
    box-shadow:var(--ld-glow-soft); transition:width .28s ease;}
.wz-wrap{flex:1; display:flex; flex-direction:column; justify-content:center;
    padding:22px 18px 30px; max-width:560px; width:100%; margin:0 auto;}
.wz-step{display:none;} .wz-step.on{display:block; animation:wzIn .22s ease;}
@keyframes wzIn{from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:none}}
.wz-kicker{font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--ld-lime); margin:0 0 8px;}
.wz-q{font-size:24px; line-height:1.2; font-weight:800; margin:0 0 6px; letter-spacing:-.01em;}
.wz-sub{margin:0 0 18px; color:var(--ld-ink-2); font-size:14px; line-height:1.45;}
.wz-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.wz-grid.one{grid-template-columns:1fr;}
.wz-opt{display:flex; align-items:center; gap:11px; text-align:left; width:100%;
    padding:15px 14px; border-radius:15px; border:1px solid var(--ld-line);
    background:var(--ld-surface); color:var(--ld-ink); cursor:pointer; font:inherit;
    transition:border-color .14s, box-shadow .14s, background .14s;}
.wz-opt:hover{border-color:rgba(184,230,46,.45);}
.wz-opt.sel{border-color:var(--ld-lime); box-shadow:var(--ld-glow-soft); background:var(--ld-surface-2);}
.wz-emo{font-size:22px; line-height:1; flex:none;}
.wz-opt b{display:block; font-size:15px; font-weight:700;}
.wz-opt span{display:block; font-size:12px; color:var(--ld-ink-3); margin-top:1px;}
.wz-next{margin-top:16px; width:100%; padding:15px; border-radius:15px; border:0; cursor:pointer;
    background:var(--ld-lime); color:#0A0F08; font:800 16px/1 Inter,system-ui,sans-serif;
    box-shadow:var(--ld-glow-soft);}
.wz-next:disabled{opacity:.35; box-shadow:none; cursor:default;}
.wz-cta{
    display:block; margin-top:16px; padding:16px 18px; border-radius:16px; text-decoration:none;
    background:linear-gradient(135deg,var(--ld-lime),var(--ld-lime-2)); color:#0A0F08; text-align:center;
    box-shadow:0 0 0 1px var(--ld-lime), 0 10px 26px rgba(184,230,46,.35);
    animation:wzPulse 2.2s ease-in-out infinite;
  }
.wz-cta b{display:block; font-size:17px; font-weight:800; letter-spacing:-.2px;}
.wz-cta span{display:block; font-size:12.5px; opacity:.72; margin-top:2px;}
@keyframes wzPulse{
    0%,100%{box-shadow:0 0 0 1px var(--ld-lime), 0 10px 26px rgba(184,230,46,.35);}
    50%{box-shadow:0 0 0 1px var(--ld-lime-2), 0 12px 34px rgba(184,230,46,.55);}
  }
@media (prefers-reduced-motion:reduce){ .wz-cta{animation:none;} }
.wz-hint{margin:10px 0 0; text-align:center; font-size:12px; color:var(--ld-ink-3);}
.wz-hint a{color:var(--ld-ink-2);}
  /* Финал */
.wz-num{font-size:56px; line-height:1; font-weight:800; color:var(--ld-lime); text-align:center;
    text-shadow:0 0 26px rgba(184,230,46,.4);}
.wz-vac{border:1px solid var(--ld-line); background:var(--ld-surface); border-radius:15px;
    padding:13px 14px; margin-bottom:9px; position:relative; overflow:hidden;}
.wz-vac .t{font-weight:700; font-size:15px;}
.wz-vac .m{color:var(--ld-ink-3); font-size:12.5px; margin-top:2px;}
.wz-vac .pay{position:absolute; right:14px; top:13px; color:var(--ld-lime); font-weight:700; font-size:14px;}
.wz-vac.blur .t, .wz-vac.blur .m{filter:blur(4.5px); user-select:none;}
.wz-ok{display:inline-flex; align-items:center; gap:5px; color:var(--ld-lime); font-size:11.5px; margin-top:6px;}
.wz-trust{display:flex; gap:8px; margin-top:14px;}
.wz-trust div{flex:1; text-align:center; padding:10px 8px; border-radius:12px;
    background:var(--ld-surface); border:1px solid var(--ld-line); font-size:11px; color:var(--ld-ink-2); line-height:1.35;}
.wz-trust b{display:block; color:var(--ld-ink); font-size:12.5px; margin-bottom:2px;}