.ob-page{background:var(--bg-2);min-height:100vh;padding:var(--s-3);flex-direction:column;align-items:center;display:flex}.ob-shell{background:var(--bg);border-radius:var(--r-lg);width:100%;max-width:480px;box-shadow:var(--shadow-elev), 0 0 0 1px var(--hairline);margin-top:var(--s-3);overflow:hidden}.ob-progress{padding:var(--s-2) var(--s-3);background:var(--bg-2);border-bottom:1px solid var(--hairline);gap:6px;display:flex}.ob-progress .step-bar{background:var(--bg-3);border-radius:var(--r-pill);flex:1;height:4px;transition:background .2s}.ob-progress .step-bar.done,.ob-progress .step-bar.current{background:var(--coral)}.ob-step{padding:var(--s-4) var(--s-3) var(--s-3)}.ob-eyebrow{font-family:var(--type-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--coral);margin-bottom:6px;font-size:10px;font-weight:700}.ob-step h1{font-family:var(--type-display);letter-spacing:-.025em;margin-bottom:var(--s-1);color:var(--text);font-size:28px;font-weight:800;line-height:1.15}.ob-step .lede{color:var(--text-2);margin-bottom:var(--s-3);font-size:15px;line-height:1.5}.ob-code-snippet{font-family:var(--type-mono);background:var(--bg-2);border-radius:4px;padding:2px 6px}.code-input{background:var(--bg);border:1.5px dashed var(--hairline-strong);border-radius:var(--r);width:100%;font-family:var(--type-mono);text-align:center;letter-spacing:.1em;color:var(--text);text-transform:uppercase;padding:18px 16px;font-size:22px;font-weight:700;transition:all .15s}.code-input:focus{border-color:var(--coral);background:var(--coral-soft);border-style:solid;outline:none}.code-hint{font-family:var(--type-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);text-align:center;margin-top:8px;font-size:11px}.leader-card{background:var(--coral-soft);border:1.5px solid var(--coral);border-radius:var(--r-lg);padding:var(--s-3);text-align:center;margin-bottom:var(--s-3)}.leader-photo{background:var(--coral);color:#fff;letter-spacing:.02em;border:4px solid var(--bg);width:96px;height:96px;box-shadow:var(--shadow-card);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:36px;font-weight:800;display:flex}.leader-tag{font-family:var(--type-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--coral);margin-bottom:6px;font-size:10px;font-weight:700}.leader-name{font-family:var(--type-display);letter-spacing:-.025em;color:var(--text);margin-bottom:4px;font-size:28px;font-weight:800}.leader-meta{color:var(--text-2);font-size:13px}.ob-summary{background:var(--bg-2);border-radius:var(--r);padding:var(--s-2);margin-bottom:var(--s-3);flex-direction:column;gap:8px;display:flex}.ob-summary-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.ob-summary-row .lbl{font-family:var(--type-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);font-size:10px;font-weight:700}.ob-summary-row .val{color:var(--text);font-weight:700}.ob-summary-row .val.mono{font-family:var(--type-mono)}.ob-field{margin-bottom:var(--s-2)}.ob-field label{font-family:var(--type-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);margin-bottom:6px;font-size:10px;font-weight:700;display:block}.ob-field label .opt{color:var(--text-3);font-weight:500}.ob-field input[type=text],.ob-field input[type=tel],.ob-field input[type=email]{background:var(--bg);border:1.5px solid var(--hairline-strong);border-radius:var(--r);width:100%;color:var(--text);font-size:16px;font-family:var(--type-body);padding:14px 16px;transition:all .15s}.ob-field input:focus{border-color:var(--coral);box-shadow:0 0 0 3px var(--coral-soft);outline:none}.pin-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px;display:grid}.pin-row input{aspect-ratio:1/1.1;text-align:center;border:1.5px solid var(--hairline-strong);background:var(--bg);border-radius:var(--r);font-family:var(--type-display);color:var(--text);-webkit-text-security:disc;font-size:28px;font-weight:800;transition:all .15s}.pin-row input:focus{border-color:var(--coral);box-shadow:0 0 0 3px var(--coral-soft);outline:none}.pin-row input.filled{border-color:var(--coral);background:var(--coral-soft)}.ob-error{color:var(--hot);margin-bottom:var(--s-2);font-size:13px;font-weight:600}.ob-actions{padding:var(--s-2) var(--s-3) var(--s-3);border-top:1px solid var(--hairline);background:var(--bg-2);gap:8px;display:flex}.ob-actions .btn-primary{flex:1;justify-content:center;padding:14px;font-size:15px;font-weight:800}.ob-actions .btn-ghost{padding:12px 18px}.ob-actions.inline{padding:var(--s-2) 0 0;background:0 0;border-top:none}.ob-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.ob-foot{text-align:center;margin-top:var(--s-2);font-family:var(--type-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);font-size:10px}.ob-foot a{color:var(--text);border-bottom:1px solid var(--text-2);padding-bottom:2px}.ob-success{text-align:center;padding:var(--s-5) var(--s-3)}.ob-success .check{background:var(--coral);color:#fff;width:88px;height:88px;margin:0 auto var(--s-3);border-radius:50%;justify-content:center;align-items:center;font-size:44px;font-weight:800;display:flex}.ob-success h1{font-family:var(--type-display);letter-spacing:-.025em;color:var(--coral);margin-bottom:8px;font-size:32px;font-weight:800}.ob-success p{color:var(--text-2);max-width:36ch;margin:0 auto var(--s-2);font-size:15px;line-height:1.5}.logo-top{font-family:var(--type-body);letter-spacing:-.04em;color:var(--text);text-transform:lowercase;margin-bottom:var(--s-1);font-size:32px;font-weight:800}.logo-top .dot{color:var(--coral)}
