.wizard-page{min-height:100svh;background:linear-gradient(135deg,var(--navy) 0%,#08356e 60%,#0a4a8f 100%);display:flex;flex-direction:column;position:relative;overflow-x:clip}.wizard-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 80% at 90% 10%,rgba(0,150,62,.18),transparent 65%);pointer-events:none}.wizard-top{display:flex;align-items:center;justify-content:space-between;padding:1.1rem clamp(1.1rem,4vw,2.5rem);position:relative;z-index:5}.wizard-top img{height:44px}.wizard-top .close{color:#ffffffbf;font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;gap:.45rem}.wizard-top .close:hover{color:#fff}.wizard-progress{height:4px;background:#ffffff24;position:relative;z-index:5}.wizard-progress .bar{height:100%;width:0%;background:linear-gradient(90deg,var(--green),#35c96f);border-radius:0 4px 4px 0;transition:width .5s cubic-bezier(.22,1,.36,1)}.wizard{flex:1;display:flex;justify-content:center;padding:2rem clamp(1.1rem,4vw,2.5rem) 6rem;position:relative;z-index:2;overflow-y:auto;min-height:0}.wstep{display:none;width:100%;max-width:660px;color:#fff}.wstep.on{display:block;margin:auto 0;animation:stepin .5s cubic-bezier(.22,1,.36,1)}@keyframes stepin{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.wstep .qnum{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em;color:#7fd9a4;text-transform:uppercase}.wstep h2{font-size:clamp(1.5rem,3.4vw,2.3rem);font-weight:700;margin-top:.8rem}.wstep .hint{color:#ffffffa6;font-size:.95rem;margin-top:.6rem}.chip-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:2rem}.wchip{text-align:left;border:1.5px solid rgba(255,255,255,.25);background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:16px;padding:1.15rem 1.3rem;font-size:1rem;font-weight:500;transition:all .22s ease;display:flex;align-items:center;gap:.9rem}.wchip .key{font-family:var(--font-mono);font-size:.7rem;border:1px solid rgba(255,255,255,.4);border-radius:6px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.wchip:hover{border-color:#35c96f;background:#00963e24;transform:translateY(-2px)}.wchip.sel{border-color:var(--green);background:#00963e47;box-shadow:0 12px 34px #00963e4d}.wchip.sel .key{background:var(--green);border-color:var(--green)}.wfield{margin-top:2rem;display:flex;flex-direction:column;gap:1.1rem}.wfield label{font-size:.85rem;color:#ffffffb3;margin-bottom:-.6rem}.wfield input,.wfield textarea{width:100%;background:#ffffff12;border:0;border-bottom:2px solid rgba(255,255,255,.3);border-radius:10px 10px 0 0;padding:1rem 1.1rem;color:#fff;font-size:1.15rem;font-family:var(--font);transition:border-color .25s ease,background .25s ease;outline:none}.wfield input::placeholder,.wfield textarea::placeholder{color:#ffffff59}.wfield input:focus,.wfield textarea:focus{border-color:var(--green);background:#ffffff1c}.wfield textarea{min-height:110px;resize:vertical}.werr{color:#ffb4b4;font-size:.85rem;margin-top:.9rem;min-height:1.3em}.wnav{display:flex;align-items:center;gap:1rem;margin-top:2.2rem;flex-wrap:wrap}.wnav .btn--primary{padding:.95rem 2.4rem}.wnav .wback{background:none;border:1.5px solid rgba(255,255,255,.3);color:#fff;border-radius:999px;padding:.9rem 1.5rem;font-weight:500;font-size:.95rem;transition:all .2s}.wnav .wback:hover{border-color:#fff}.wnav .enter-hint{font-size:.78rem;color:#ffffff80;font-family:var(--font-mono)}.wnav .skip{background:none;border:0;color:#fff9;font-size:.9rem;text-decoration:underline}.wnav .skip:hover{color:#fff}.wsuccess{text-align:center}.wsuccess .tick{width:92px;height:92px;margin:0 auto 1.6rem;border-radius:50%;background:#00963e2e;border:2px solid var(--green);display:flex;align-items:center;justify-content:center;animation:tickpop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes tickpop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.wsuccess .tick svg{color:#35c96f}.wsuccess h2{font-size:clamp(1.6rem,3.4vw,2.3rem)}.wsuccess p{color:#ffffffbf;margin-top:.8rem;max-width:460px;margin-inline:auto}.wsuccess .acts{display:flex;gap:.9rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.wsuccess .btn--wa{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}@media (max-width: 640px){.chip-grid{grid-template-columns:1fr}.wnav .enter-hint{display:none}.wizard{padding-bottom:3rem}.wnav .btn--primary,.wnav .wback{width:100%}}
