/* Стили попап-визарда анкеты + чекаута оплаты.
   ВАЖНО: здесь НЕТ глобальных селекторов (body, .navbar, .main-title, .reveal и т.п.) —
   только уникальные классы, чтобы НИКАК не влиять на оригинальный дизайн страниц.
   (Старый anketa.css с глобальными правилами остаётся ТОЛЬКО на осиротевшей
   странице /anketa и больше нигде не подключается.) */

.wizard-overlay{position:fixed;inset:0;background:rgba(0,26,64,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10005;display:none;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.wizard-overlay.active{display:flex}
.wizard-panel{position:relative;background:var(--bg-cream);border-radius:var(--radius);width:100%;max-width:640px;max-height:92vh;overflow-y:auto;box-shadow:0 40px 100px rgba(0,0,0,.35);padding:30px;box-sizing:border-box}
.wizard-close{position:sticky;top:0;float:right;width:40px;height:40px;border-radius:50%;border:none;background:var(--white);color:var(--blue-bright);font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.15);z-index:5}
.wizard-header{text-align:center;padding:0 5px 20px;clear:both}
.wz-title{font-size:clamp(1.6rem,4vw,2.2rem);margin:0;font-weight:900;letter-spacing:-.05em;color:var(--accent);font-family:Inter,sans-serif}
.wz-desc{font-size:1rem;line-height:1.5;color:#444;max-width:600px;margin:14px auto 0;font-weight:500}
.wizard-progress{margin:0 5px 20px}
.wizard-progress-labels{display:flex;justify-content:space-between;font-size:.8rem;font-weight:800;color:var(--blue-deep);opacity:.6;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}
.wizard-progress-bar{height:6px;width:100%;border-radius:999px;background:var(--border);overflow:hidden}
.wizard-progress-fill{height:100%;border-radius:999px;background:var(--accent);transition:width .3s var(--ease-smooth)}
.wizard-question{font-size:1.4rem;font-weight:900;color:var(--blue-deep);margin:0 5px 20px;letter-spacing:-.02em}
.wizard-hint{font-size:.9rem;color:#666;margin:-14px 5px 16px;font-style:italic}
.wizard-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 5px}
.wizard-choices.single-col{grid-template-columns:1fr}
.wizard-tile{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px 14px;border:2px solid transparent;border-radius:20px;font-weight:700;font-size:1rem;color:var(--blue-deep);background:var(--white);transition:all .3s var(--ease-smooth)}
.wizard-tile:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,69,166,.08);border-color:rgba(0,69,166,.15)}
.wizard-tile.active{border-color:var(--blue-bright);background:rgba(0,69,166,.06)}
.wizard-tile.full-width{grid-column:1/-1}
.wizard-input{width:100%;padding:18px 22px;font-size:1.05rem;font-weight:500;color:var(--black);border:2px solid transparent;border-radius:20px;outline:0;background:var(--white);box-sizing:border-box;margin:0 5px;transition:all .3s var(--ease-smooth)}
.wizard-input:focus{border-color:var(--blue-bright)}
.wizard-input::placeholder{color:rgba(5,5,5,.5);font-weight:600}
.wizard-error{color:var(--accent);font-size:.9rem;text-align:center;margin:14px 5px 0}
.wizard-nav{display:flex;gap:12px;margin:24px 5px 0}
.wizard-back{flex:0 0 auto;padding:16px 22px;border-radius:100px;border:2px solid var(--border);background:none;color:var(--blue-deep);font-weight:700;font-size:.95rem;cursor:pointer}
.wz-submit{padding:24px;font-size:1.3rem;font-weight:900;border:none;border-radius:100px;cursor:pointer;background:var(--blue-bright);color:var(--white);box-shadow:0 15px 30px rgba(0,69,166,.2);text-transform:uppercase;letter-spacing:.05em;transition:transform .5s var(--ease-smooth),box-shadow .5s var(--ease-smooth),background .4s ease;font-family:Inter,sans-serif}
.wz-submit:hover{transform:translateY(-5px);box-shadow:0 25px 50px rgba(0,69,166,.35);background:var(--blue-deep)}
.wz-submit:disabled{background:#a0b4d0;cursor:not-allowed;transform:none;box-shadow:none}
.wizard-next{flex:1}
.wizard-consent{font-size:.75rem;color:#888;text-align:center;margin:16px 5px 0;line-height:1.4}
.wizard-consent a{color:var(--blue-bright)}
@media (max-width:520px){.wizard-choices{grid-template-columns:1fr}}

/* Слайдер навыков 1–10 внутри визарда */
.wizard-panel .skill-slider-wrap{padding:10px 5px 0}
.wizard-panel .skill-slider-value{text-align:center;font-size:3rem;font-weight:900;color:var(--accent);margin-bottom:10px;line-height:1}
.wizard-panel input.skill-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:var(--white);outline:0;box-shadow:inset 0 0 0 1px var(--border)}
.wizard-panel input.skill-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;background:var(--blue-bright);box-shadow:0 6px 18px rgba(0,69,166,.4);cursor:pointer;border:3px solid var(--white)}
.wizard-panel input.skill-slider::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:var(--blue-bright);box-shadow:0 6px 18px rgba(0,69,166,.4);cursor:pointer;border:3px solid var(--white)}
.wizard-panel .skill-slider-scale{display:flex;justify-content:space-between;margin-top:8px;font-size:.85rem;font-weight:700;color:var(--blue-deep);opacity:.6}

/* Экран успеха внутри визарда */
.wz-success{display:none;text-align:center;padding:40px 10px 10px}
.wz-success-sub{font-family:Caveat,cursive;font-size:2.2rem;color:var(--accent);display:block;margin-bottom:15px;transform:rotate(-3deg)}
.wz-success-title{font-size:clamp(3rem,8vw,5rem);font-weight:900;color:var(--blue-bright);margin:0;letter-spacing:-.04em;font-family:Inter,sans-serif}
.wz-success-note{font-size:1.1rem;font-weight:600;margin-top:20px;color:#444}
.wz-back-outline{display:inline-block;margin-top:40px;font-weight:800;color:var(--blue-bright);border:3px solid var(--blue-bright);padding:16px 40px;border-radius:100px;background:none;cursor:pointer;font-size:1rem}
.wz-back-outline:hover{background:var(--blue-bright);color:var(--white)}

/* Поля чекаута оплаты (/oplata). Классов .input-text/.wz-submit на оригинальной
   главной НЕТ — коллизий быть не может. */
.checkout-card .input-text{width:100%;padding:20px 25px;font-size:1.1rem;font-weight:500;color:var(--black);border:2px solid transparent;border-radius:20px;outline:0;background:var(--bg-cream);box-sizing:border-box;transition:all .4s var(--ease-smooth)}
.checkout-card .input-text:focus{border-color:var(--blue-bright);background:var(--white)}
.checkout-card .input-text::placeholder{color:rgba(5,5,5,.5);font-weight:600}
.checkout-card .submit-btn{width:100%;padding:24px;font-size:1.3rem;font-weight:900;border:none;border-radius:100px;cursor:pointer;background:var(--blue-bright);color:var(--white);box-shadow:0 15px 30px rgba(0,69,166,.2);text-transform:uppercase;letter-spacing:.05em;margin-top:20px;transition:transform .5s var(--ease-smooth),box-shadow .5s var(--ease-smooth)}
.checkout-card .submit-btn:hover{transform:translateY(-5px);box-shadow:0 25px 50px rgba(0,69,166,.35);background:var(--blue-deep)}
.checkout-card .submit-btn:disabled{background:#a0b4d0;cursor:not-allowed;transform:none;box-shadow:none}