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