:root{--onboarding-orange:#e1192d;--onboarding-orange-soft:#fff1e7;--onboarding-ink:#17191f;--onboarding-muted:#6e7480;--onboarding-line:#e5e7eb;--onboarding-green:#0aa64f}
*{box-sizing:border-box}
body.onboarding-body{margin:0;background:#fafafa;color:var(--onboarding-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.onboarding-topbar{height:70px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--onboarding-line)}
.onboarding-brand{font-size:25px;font-weight:800;color:var(--onboarding-ink);text-decoration:none}.onboarding-brand span{color:var(--onboarding-orange)}
.onboarding-topbar>div{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--onboarding-muted)}.onboarding-topbar>div a{border:1px solid var(--onboarding-line);border-radius:9px;padding:9px 16px;color:var(--onboarding-ink);font-weight:700;text-decoration:none}
.onboarding-page{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:42px 0 65px}
.onboarding-intro{text-align:center;max-width:760px;margin:0 auto 28px}.onboarding-intro .eyebrow,.onboarding-form-card .eyebrow,.onboarding-success .eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--onboarding-orange);margin:0 0 8px}.onboarding-intro h1{font-size:36px;line-height:1.15;margin:0 0 12px}.onboarding-intro h1 em{font-style:normal;color:var(--onboarding-orange)}.onboarding-intro>p:last-child{font-size:14px;color:var(--onboarding-muted);margin:0}
.onboarding-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.onboarding-form-card,.onboarding-summary-card,.onboarding-success{background:#fff;border:1px solid var(--onboarding-line);border-radius:18px;box-shadow:0 14px 38px rgba(30,35,45,.06)}
.onboarding-form-card{padding:25px 28px}.onboarding-progress{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.onboarding-progress>div{position:absolute;left:16.6%;right:16.6%;height:3px;background:#eceef1;top:15px;z-index:0}.onboarding-progress>div span{display:block;height:100%;width:0;background:var(--onboarding-orange);transition:width .25s}.onboarding-progress button{position:relative;z-index:1;border:0;background:transparent;display:grid;justify-items:center;gap:6px;font:inherit;color:#8a909a}.onboarding-progress button i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f0f1f3;border:3px solid #fff;font-style:normal;font-size:11px;font-weight:800}.onboarding-progress button span{font-size:10px;font-weight:700}.onboarding-progress button.active,.onboarding-progress button.done{color:var(--onboarding-orange)}.onboarding-progress button.active i,.onboarding-progress button.done i{background:var(--onboarding-orange);color:#fff}
.onboarding-alert{padding:12px 14px;border-radius:10px;background:#fff0f0;border:1px solid #ffc8c8;color:#b42318;font-size:12px;margin-bottom:18px}.onboarding-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.onboarding-form-card fieldset{border:0;padding:0;margin:0}.onboarding-form-card form.is-enhanced fieldset{display:none}.onboarding-form-card form.is-enhanced fieldset.active{display:block}.onboarding-form-card fieldset>header{margin-bottom:22px}.onboarding-form-card fieldset>header>span{font-size:10px;color:var(--onboarding-orange);font-weight:800}.onboarding-form-card h2{font-size:23px;margin:4px 0 6px}.onboarding-form-card fieldset>header p{margin:0;color:var(--onboarding-muted);font-size:12px}
.onboarding-grid{display:grid;gap:16px}.onboarding-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-grid.address{grid-template-columns:1fr 1.7fr .55fr}.onboarding-grid label,.onboarding-address label{display:grid;gap:6px;font-size:11px;font-weight:750}.onboarding-grid label>small:not(.field-error){color:var(--onboarding-muted);font-weight:400}.onboarding-grid input,.onboarding-grid select,.onboarding-address input{width:100%;border:1px solid #d9dce2;border-radius:9px;background:#fff;padding:12px 13px;min-height:44px;font:inherit;color:var(--onboarding-ink);outline:none}.onboarding-grid input:focus,.onboarding-grid select:focus{border-color:var(--onboarding-orange);box-shadow:0 0 0 3px rgba(255,103,0,.1)}.onboarding-wide{grid-column:1/-1}.field-error{display:block;color:#c43131!important;font-size:10px!important;font-weight:600!important}.onboarding-password,.slug-field,.postal-field{display:flex}.onboarding-password input,.slug-field input,.postal-field input{border-radius:9px 0 0 9px}.onboarding-password button,.postal-field button{border:1px solid #d9dce2;border-left:0;background:#fff;border-radius:0 9px 9px 0;padding:0 13px;color:var(--onboarding-orange);font-weight:750}.slug-field span{display:flex;align-items:center;border:1px solid #d9dce2;border-right:0;border-radius:9px 0 0 9px;background:#f7f8fa;padding:0 11px;color:var(--onboarding-muted);font-weight:500}.slug-field input{border-radius:0 9px 9px 0}.postal-field button{border-color:#ffb380;background:#fff5f6}.onboarding-address{border-top:1px solid var(--onboarding-line);margin-top:22px;padding-top:19px}.onboarding-address h3,.onboarding-choice-section h3{font-size:13px;margin:0 0 13px}.onboarding-grid.address .street{grid-column:2}.onboarding-grid.address .city{grid-column:2}
.onboarding-form-card fieldset>footer{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding-top:18px;border-top:1px solid var(--onboarding-line)}.onboarding-next,.onboarding-submit,.onboarding-back{border:0;border-radius:9px;padding:12px 22px;font-weight:800;font-size:12px}.onboarding-next,.onboarding-submit{background:var(--onboarding-orange);color:#fff}.onboarding-back{background:#f1f2f4;color:#4f5662}.onboarding-submit:disabled{opacity:.65}
.onboarding-choice-section{padding:17px;border:1px solid var(--onboarding-line);border-radius:12px;margin-bottom:14px}.onboarding-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.onboarding-choice-grid label,.onboarding-payment-grid label{cursor:pointer}.onboarding-choice-grid input,.onboarding-payment-grid input{position:absolute;opacity:0;pointer-events:none}.onboarding-choice-grid label>span{display:grid;grid-template-columns:37px 1fr;column-gap:10px;padding:13px;border:1px solid var(--onboarding-line);border-radius:10px}.onboarding-choice-grid i{grid-row:1/3;width:37px;height:37px;display:grid;place-items:center;border-radius:9px;background:#f2f3f5;font-style:normal}.onboarding-choice-grid strong{font-size:12px}.onboarding-choice-grid small{font-size:10px;color:var(--onboarding-muted)}.onboarding-choice-grid input:checked+span{border-color:var(--onboarding-orange);background:#fff9f5}.onboarding-choice-grid input:checked+span i{background:var(--onboarding-orange-soft);color:var(--onboarding-orange)}
.onboarding-payment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.onboarding-payment-grid span{display:block;border:1px solid var(--onboarding-line);border-radius:9px;padding:11px;text-align:center;font-size:11px}.onboarding-payment-grid input:checked+span{border-color:#80d5a6;background:#f1fbf5;color:#08763a;font-weight:800}.onboarding-consents{display:grid;gap:10px;margin-top:18px}.onboarding-consents label{display:flex;gap:10px;align-items:flex-start;font-size:11px;color:#505762}.onboarding-consents input{margin-top:2px;accent-color:var(--onboarding-orange)}.onboarding-consents .optional{padding:12px;background:#fafafa;border-radius:10px}.onboarding-consents b{color:var(--onboarding-orange)}
.onboarding-summary-card{padding:24px;position:sticky;top:20px}.free-badge{display:inline-block;padding:6px 9px;border-radius:7px;background:#e8faef;color:#08763a;font-size:9px;font-weight:900;letter-spacing:.08em}.onboarding-summary-card h2{font-size:21px;margin:14px 0 7px}.onboarding-summary-card>p{font-size:12px;color:var(--onboarding-muted);line-height:1.6}.onboarding-summary-card ul{list-style:none;padding:7px 0 14px;margin:0;display:grid;gap:10px;font-size:12px}.onboarding-summary-card li{display:flex;gap:9px}.onboarding-summary-card li i{font-style:normal;color:var(--onboarding-green);font-weight:900}.summary-preview{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--onboarding-line);border-radius:11px;background:#fcfcfd}.summary-preview>span{width:41px;height:41px;border-radius:11px;display:grid;place-items:center;background:var(--onboarding-orange-soft);color:var(--onboarding-orange);font-weight:900}.summary-preview div{display:grid;min-width:0}.summary-preview small{font-size:8px;color:var(--onboarding-muted)}.summary-preview strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-preview em{font-size:9px;color:var(--onboarding-orange);font-style:normal;overflow:hidden;text-overflow:ellipsis}.summary-note{display:flex;gap:10px;margin-top:14px;padding:12px;border-radius:10px;background:#fff5f6}.summary-note>span{color:var(--onboarding-orange)}.summary-note p{display:grid;margin:0;font-size:10px;color:var(--onboarding-muted)}.summary-note strong{color:var(--onboarding-ink)}
.onboarding-success{max-width:760px;margin:45px auto;padding:42px;text-align:center}.success-mark{width:68px;height:68px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;background:#e8faef;color:var(--onboarding-green);font-size:32px;font-weight:900}.onboarding-success h1{font-size:34px;margin:5px 0 10px}.onboarding-success>p:not(.eyebrow){color:var(--onboarding-muted);font-size:14px;line-height:1.6}.success-address{display:grid;gap:4px;margin:22px auto;padding:14px;max-width:440px;border:1px solid #ffd0ad;background:#fff5f6;border-radius:11px}.success-address span{font-size:9px;color:var(--onboarding-muted)}.success-address strong{color:var(--onboarding-orange)}.success-next{display:grid;gap:9px;text-align:left;margin:24px 0}.success-next article{display:flex;gap:12px;padding:13px;border:1px solid var(--onboarding-line);border-radius:10px}.success-next i{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:8px;background:var(--onboarding-orange-soft);color:var(--onboarding-orange);font-style:normal;font-weight:800}.success-next article div{display:grid}.success-next strong{font-size:12px}.success-next span{font-size:10px;color:var(--onboarding-muted)}.success-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.success-actions a{padding:11px 15px;border:1px solid var(--onboarding-line);border-radius:9px;text-decoration:none;color:var(--onboarding-ink);font-size:11px;font-weight:800}.success-actions a.primary{background:var(--onboarding-orange);border-color:var(--onboarding-orange);color:#fff}
@media(max-width:900px){.onboarding-shell{grid-template-columns:1fr}.onboarding-summary-card{position:static;order:-1}.onboarding-summary-card ul,.summary-note{display:none}.onboarding-summary-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.free-badge,.onboarding-summary-card>p{grid-column:1/-1}.onboarding-summary-card h2{margin:0}.summary-preview{grid-column:2;grid-row:2}}
@media(max-width:650px){.onboarding-topbar{padding:0 16px}.onboarding-topbar>div span{display:none}.onboarding-page{width:min(100% - 24px,1240px);padding:25px 0}.onboarding-intro h1{font-size:27px}.onboarding-form-card{padding:18px 15px}.onboarding-grid.two,.onboarding-grid.address,.onboarding-choice-grid,.onboarding-payment-grid{grid-template-columns:1fr}.onboarding-grid.two>div:empty{display:none}.onboarding-grid.address .street,.onboarding-grid.address .city{grid-column:auto}.onboarding-wide{grid-column:auto}.slug-field{display:grid}.slug-field span{border-right:1px solid #d9dce2;border-bottom:0;border-radius:9px 9px 0 0;padding:9px 11px}.slug-field input{border-radius:0 0 9px 9px}.onboarding-summary-card{display:block}.onboarding-summary-card h2{margin-top:10px}.summary-preview{margin-top:12px}.onboarding-progress button span{display:none}.onboarding-form-card h2{font-size:20px}.onboarding-form-card fieldset>footer{position:sticky;bottom:0;background:#fff;margin-left:-15px;margin-right:-15px;padding:13px 15px;z-index:3}.onboarding-next,.onboarding-submit{padding:13px 16px}.onboarding-success{margin:10px auto;padding:28px 18px}.onboarding-success h1{font-size:27px}}