:root{--pw-shell-max-width:720px;--pw-shell-padding:24px;--pw-shell-gap:20px;--pw-shell-radius:10px;--pw-color-bg:#fff;--pw-color-border:#dbe4f0;--pw-color-text:#1f2937;--pw-color-muted:#5b677a;--pw-color-primary:#2563eb;--pw-color-primary-light:#2563eb1f;--pw-color-btn-bg:#f8fbff;--pw-color-btn-border:#c2d0e5;--pw-dot-size:32px;--pw-dot-font-size:13px;--pw-track-height:4px;--pw-btn-padding:8px 16px;--pw-btn-radius:6px}.pw-shell{max-width:var(--pw-shell-max-width);gap:var(--pw-shell-gap);padding:var(--pw-shell-padding);color:var(--pw-color-text);flex-direction:column;margin:0 auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.pw-shell__empty{text-align:center;color:var(--pw-color-muted);padding:32px 16px}.pw-shell__start-btn{border:1px solid var(--pw-color-btn-border);background:var(--pw-color-btn-bg);color:var(--pw-color-text);padding:var(--pw-btn-padding);border-radius:var(--pw-btn-radius);cursor:pointer;margin-top:12px;font-size:14px}.pw-shell__header{background:var(--pw-color-bg);border:1px solid var(--pw-color-border);border-radius:var(--pw-shell-radius);padding:20px 24px 16px}.pw-shell__steps{justify-content:space-between;margin-bottom:12px;display:flex}.pw-shell__step{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.pw-shell__step-dot{width:var(--pw-dot-size);height:var(--pw-dot-size);font-size:var(--pw-dot-font-size);border:2px solid var(--pw-color-border);background:var(--pw-color-bg);color:var(--pw-color-muted);border-radius:50%;justify-content:center;align-items:center;font-weight:600;transition:all .25s;display:flex}.pw-shell__step--completed .pw-shell__step-dot{background:var(--pw-color-primary);border-color:var(--pw-color-primary);color:#fff}.pw-shell__step--current .pw-shell__step-dot{border-color:var(--pw-color-primary);color:var(--pw-color-primary);box-shadow:0 0 0 3px var(--pw-color-primary-light)}.pw-shell__step-label{color:var(--pw-color-muted);text-align:center;white-space:nowrap;font-size:12px}.pw-shell__step--current .pw-shell__step-label{color:var(--pw-color-primary);font-weight:600}.pw-shell__step--completed .pw-shell__step-label{color:var(--pw-color-text)}.pw-shell__track{height:var(--pw-track-height);background:var(--pw-color-border);border-radius:calc(var(--pw-track-height) / 2);overflow:hidden}.pw-shell__track-fill{background:var(--pw-color-primary);border-radius:calc(var(--pw-track-height) / 2);height:100%;transition:width .3s}.pw-shell__body{background:var(--pw-color-bg);border:1px solid var(--pw-color-border);border-radius:var(--pw-shell-radius);padding:var(--pw-shell-padding);min-height:120px}:root{--pw-color-error:#dc2626;--pw-color-error-bg:#fef2f2;--pw-color-error-border:#fecaca}.pw-shell__validation{background:var(--pw-color-error-bg);border:1px solid var(--pw-color-error-border);border-radius:var(--pw-shell-radius);flex-direction:column;gap:4px;margin:0;padding:12px 16px;list-style:none;display:flex}.pw-shell__validation-item{color:var(--pw-color-error);padding-left:16px;font-size:13px;position:relative}.pw-shell__validation-item:before{content:"•";position:absolute;left:4px}.pw-shell__validation-label{margin-right:3px;font-weight:600}.pw-shell__validation-label:after{content:":"}.pw-shell__footer{justify-content:space-between;align-items:center;display:flex}.pw-shell__footer-left,.pw-shell__footer-right{gap:8px;display:flex}.pw-shell__btn{border:1px solid var(--pw-color-btn-border);background:var(--pw-color-btn-bg);color:var(--pw-color-text);padding:var(--pw-btn-padding);border-radius:var(--pw-btn-radius);cursor:pointer;font-size:14px;transition:background .15s,border-color .15s}.pw-shell__btn:hover:not(:disabled){background:var(--pw-color-border)}.pw-shell__btn:disabled{opacity:.5;cursor:not-allowed}.pw-shell__btn--next{background:var(--pw-color-primary);border-color:var(--pw-color-primary);color:#fff}.pw-shell__btn--next:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.pw-shell__btn--back{border-color:var(--pw-color-primary);color:var(--pw-color-primary);background:0 0}.pw-shell__btn--back:hover:not(:disabled){background:var(--pw-color-primary-light)}.pw-shell__btn--cancel{color:var(--pw-color-muted);background:0 0;border-color:#0000}.pw-shell__btn--cancel:hover:not(:disabled){background:var(--pw-color-primary-light)}*,:before,:after{box-sizing:border-box}body{color:#1f2937;background:#f5f7fb;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.page{max-width:660px;margin:0 auto;padding:40px 24px 80px}.page-header{margin-bottom:28px}.page-header h1{color:#1f2937;margin:0 0 6px;font-size:26px}.subtitle{color:#5b677a;margin:0;font-size:15px}.subtitle code{color:#2563eb;background:#eff6ff;border-radius:4px;padding:2px 6px;font-size:13px}.form-body{flex-direction:column;gap:18px;display:flex}.step-intro{color:#5b677a;margin:0;font-size:14px}.required{color:#dc2626;font-size:13px}.row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field label{color:#374151;align-items:baseline;gap:4px;font-size:14px;font-weight:500;display:flex}.field input[type=text]{color:#1f2937;background:#fff;border:1px solid #c2d0e5;border-radius:6px;width:100%;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.field--error input{border-color:#dc2626}.field--error input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.field-error{color:#dc2626;font-size:13px}.plan-options{grid-template-columns:1fr 1fr;gap:16px;display:grid}.plan-card{cursor:pointer;border:2px solid #e5e7eb;border-radius:10px;align-items:flex-start;gap:12px;padding:16px;transition:border-color .15s,background .15s;display:flex}.plan-card:hover{border-color:#c2d0e5}.plan-card--selected{background:#eff6ff;border-color:#2563eb}.plan-card input[type=radio]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:2px}.plan-card__body{flex-direction:column;gap:4px;display:flex}.plan-card__name{color:#1f2937;font-size:16px;font-weight:700}.plan-card__price{color:#2563eb;font-size:14px;font-weight:600}.plan-card__features{color:#5b677a;margin:6px 0 0;padding:0 0 0 18px;font-size:13px;line-height:1.8}.plan-note{color:#2563eb;margin:0;font-size:13px;font-weight:500}.toggle-option{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.toggle-text strong{color:#1f2937;font-size:14px;display:block}.toggle-text span{color:#9ca3af;font-size:12px}.toggle{cursor:pointer;width:44px;height:24px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-track{background:#d1d5db;border-radius:12px;transition:background .2s;position:absolute;inset:0}.toggle input:checked~.toggle-track{background:#2563eb}.toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle input:checked~.toggle-thumb{transform:translate(20px)}.review-section{margin-bottom:4px}.section-title{color:#2563eb;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:11px;font-weight:700}.review-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.review-row{border-bottom:1px solid #f1f3f7;grid-template-columns:110px 1fr;gap:8px 16px;padding:9px 16px;font-size:14px;display:grid}.review-row:last-child{border-bottom:none}.review-key{color:#6b7280;font-weight:500}.plan-badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.plan-badge--free{color:#6b7280;background:#f3f4f6}.plan-badge--pro{color:#1d4ed8;background:#dbeafe}.skip-summary{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:14px 16px}.skip-summary__title{text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin:0 0 8px;font-size:11px;font-weight:700}.skip-summary__list{color:#374151;margin:0;padding:0 0 0 20px;font-size:13px;line-height:2}.skip-summary__skipped{color:#9ca3af;font-style:italic}.skip-summary__current{color:#2563eb;font-weight:600}.result-panel{text-align:center;border-radius:12px;padding:40px 32px}.result-icon{margin-bottom:14px;font-size:40px}.result-panel h2{margin:0 0 8px;font-size:22px}.result-panel p{margin:0 0 24px;font-size:15px}.success-panel{background:#f0fdf4;border:1px solid #bbf7d0}.success-panel h2{color:#15803d}.cancel-panel{background:#fafafa;border:1px solid #e5e7eb}.cancel-panel h2{color:#374151}.summary{text-align:left;background:#fff;border:1px solid #d1fae5;border-radius:10px;max-width:420px;margin:0 auto 28px;padding:4px 0}.summary-section{border-bottom:1px solid #f0fdf4;padding:14px 20px}.summary-section:last-child{border-bottom:none}.summary-section__title{text-transform:uppercase;letter-spacing:.06em;color:#15803d;margin:0 0 10px;font-size:11px;font-weight:700}.summary-row{grid-template-columns:80px 1fr;gap:4px 12px;margin-bottom:6px;font-size:14px;display:grid}.summary-row:last-child{margin-bottom:0}.summary-key{color:#374151;font-weight:600}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:10px 24px;font-family:inherit;font-size:14px}.btn-primary:hover{background:#1d4ed8}.btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #c2d0e5;border-radius:6px;padding:10px 24px;font-family:inherit;font-size:14px}.btn-secondary:hover{background:#f3f4f6}
