.cpo-root{--cpo-accent:#c62828;--cpo-muted:#64748b;--cpo-border:#94a3b859;--cpo-bg:#fff}.cpo-steps{gap:8px;margin-bottom:20px;display:flex}.cpo-step{background:#94a3b840;border-radius:999px;flex:1;height:4px;transition:background .25s}.cpo-step.is-active,.cpo-step.is-done{background:linear-gradient(90deg,#c62828,#e53935)}.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:1px solid var(--cpo-border);background:var(--cpo-bg);border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.cpo-input:focus{border-color:#c628288c;box-shadow:0 0 0 4px #c6282814}.cpo-btn{cursor:pointer;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#c62828,#e53935);border:none;border-radius:999px;padding:12px 18px;font-weight:700}.cpo-btn:disabled{opacity:.55;cursor:not-allowed}.cpo-btn-ghost{color:var(--cpo-accent);background:0 0;border:1px solid #c6282859}.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;border:1px solid var(--cpo-border);background:#fff;border-radius:14px;font-size:22px;font-weight:800}.cpo-otp-cell:focus{border-color:#c628288c;box-shadow:0 0 0 4px #c6282814}.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}