.cpo-root{--cpo-accent:#eb0011;--cpo-accent-hover:#d4000f;--cpo-muted:#707784;--cpo-ink:#1d1d1d;--cpo-paper:#f1f1f1;--cpo-border:#e5e5e5;--cpo-bg:#fff;--cpo-control-radius:999px}.cpo-steps{gap:8px;margin-bottom:20px;display:flex}.cpo-step{background:color-mix(in srgb,var(--cpo-muted)25%,transparent);border-radius:999px;flex:1;height:4px;transition:background .25s}.cpo-step.is-active,.cpo-step.is-done{background:var(--cpo-accent)}.cpo-step-labels{letter-spacing:.06em;text-transform:uppercase;color:var(--cpo-muted);justify-content:space-between;gap:8px;margin:-12px 0 18px;font-size:11px;font-weight:700;display:flex}.cpo-step-label.is-active{color:var(--cpo-accent)}.cpo-phone-row{align-items:stretch;gap:10px;display:flex}.cpo-input{border-radius:var(--cpo-control-radius);background:var(--cpo-paper);width:100%;color:var(--cpo-ink);border:0;outline:none;padding:14px 20px;font-size:16px;transition:outline-color .2s,box-shadow .2s}.cpo-input:focus{outline:2px solid color-mix(in srgb,var(--cpo-accent)35%,transparent);outline-offset:2px}.cpo-btn{border-radius:var(--cpo-control-radius);cursor:pointer;background:var(--cpo-accent);color:#fff;white-space:nowrap;border:none;min-height:48px;padding:12px 18px;font-weight:600;transition:background .2s,transform .15s}.cpo-btn:hover:not(:disabled){background:var(--cpo-accent-hover)}.cpo-btn:active:not(:disabled){transform:scale(.96)}.cpo-btn:disabled{opacity:.55;cursor:not-allowed}.cpo-btn-ghost{background:var(--cpo-paper);color:var(--cpo-ink);border:0}.cpo-btn-ghost:hover:not(:disabled){background:#e5e5e5}.cpo-otp-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:16px 0;display:grid}.cpo-otp-cell{aspect-ratio:1;text-align:center;background:var(--cpo-paper);color:var(--cpo-ink);border:0;border-radius:20px;font-size:22px;font-weight:800}.cpo-otp-cell:focus{outline:2px solid color-mix(in srgb,var(--cpo-accent)35%,transparent);outline-offset:2px}.cpo-otp-grid.is-error{animation:.45s cpo-shake}@keyframes cpo-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.cpo-hint{color:var(--cpo-muted);margin:8px 0 0;font-size:13px}.cpo-error{color:#b91c1c;margin:10px 0 0;font-size:14px}.cpo-success{color:#15803d;margin:10px 0 0;font-size:14px}