.wizard-exit-confirm{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:rgba(20,17,18,.18);opacity:0;backdrop-filter:blur(0);transition:opacity .28s,backdrop-filter .28s;pointer-events:none}
.wizard-exit-confirm.is-visible{opacity:1;backdrop-filter:blur(18px);pointer-events:auto}
.wizard-exit-card{width:min(560px,100%);padding:42px;border:1px solid rgba(255,255,255,.8);border-radius:32px;background:rgba(255,255,255,.94);box-shadow:0 35px 100px rgba(42,24,30,.2);text-align:center;transform:translateY(18px) scale(.97);transition:transform .4s cubic-bezier(.16,1,.3,1)}
.wizard-exit-confirm.is-visible .wizard-exit-card{transform:none}
.wizard-exit-kicker{display:block;margin-bottom:18px;color:var(--pink-dark);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.wizard-exit-card>strong{display:block;font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.055em}
.wizard-exit-card>p{margin:18px 0 30px;color:var(--muted)}
.wizard-exit-card>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.wizard-exit-card button{min-height:55px;border:0;border-radius:16px;font:inherit;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.wizard-exit-stay{background:#111;color:#fff}
.wizard-exit-leave{background:#f2ecee;color:#6d3548}
.wizard-success{overflow:visible}
.wizard-success-visual{position:relative;width:170px;height:170px;margin:0 auto 28px;display:grid;place-items:center}
.wizard-success-check{position:relative;z-index:3;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:38px;box-shadow:0 20px 55px rgba(16,17,17,.22);animation:successCheck .8s cubic-bezier(.16,1,.3,1) both}
.wizard-success-rings,.wizard-success-rings:before,.wizard-success-rings:after{position:absolute;inset:0;border:1px solid rgba(216,94,135,.34);border-radius:50%;content:"";animation:successRing 1.3s cubic-bezier(.16,1,.3,1) both}
.wizard-success-rings:before{inset:20px;animation-delay:.12s}
.wizard-success-rings:after{inset:40px;animation-delay:.22s}
.wizard-success-particles{position:absolute;inset:50%;z-index:2}
.wizard-success-particles i{--angle:calc(var(--particle)*30deg);position:absolute;width:8px;height:18px;border-radius:99px;background:var(--pink);transform:rotate(var(--angle)) translateY(-24px);animation:successParticle 1s cubic-bezier(.16,1,.3,1) calc(var(--particle)*.025s) both}
.wizard-success-particles i:nth-child(3n){background:#111;height:11px}
.wizard-success-particles i:nth-child(3n+1){background:#a6d9ca}
.is-success .wizard-progress i{width:100%!important}
.is-success .wizard-progress span{opacity:0}
@keyframes successCheck{0%{opacity:0;transform:scale(.45) rotate(-18deg)}65%{transform:scale(1.08) rotate(3deg)}100%{opacity:1;transform:none}}
@keyframes successRing{0%{opacity:0;transform:scale(.25)}45%{opacity:1}100%{opacity:0;transform:scale(1.22)}}
@keyframes successParticle{0%{opacity:0;transform:rotate(var(--angle)) translateY(-22px) scale(.3)}30%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateY(-92px) scale(1)}}
@media(max-width:560px){.wizard-exit-card{padding:32px 20px;border-radius:26px}.wizard-exit-card>div{grid-template-columns:1fr}.wizard-success-visual{width:140px;height:140px}.wizard-success-check{width:74px;height:74px}}
@media(prefers-reduced-motion:reduce){.wizard-success-check,.wizard-success-rings,.wizard-success-rings:before,.wizard-success-rings:after,.wizard-success-particles i{animation:none}.wizard-exit-confirm,.wizard-exit-card{transition:none}}
