.hkphc-otp{max-width:420px;margin-inline:auto}.hkphc-otp__step.is-hidden{display:none}.hkphc-otp__label{display:block;font-size:11px;font-weight:500;color:var(--text-muted, #7a8388);margin:10px 0 5px}.hkphc-otp .input{width:100%;margin-bottom:12px;box-sizing:border-box}.hkphc-otp__phone{font-size:18px;letter-spacing:1px;text-align:center}.hkphc-otp__to{font-weight:700}.hkphc-otp__err{color:var(--danger, #D23B3B);font-size:12.5px;margin:8px 0 0;min-height:1em}.hkphc-otp__link{background:none;border:0;color:var(--hkph-600, #0092C4);font-size:12.5px;cursor:pointer;font-family:inherit;padding:0}.hkphc-otp__link:disabled{color:var(--muted-2, #9aa1a6);cursor:default}.hkphc-otp .btn.is-loading{opacity:1;pointer-events:none}.hkphc-otp .btn.is-loading:after{content:"";display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;margin-inline-start:8px;vertical-align:-2px;animation:hkphc-spin .7s linear infinite}@keyframes hkphc-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.hkphc-otp .btn.is-loading:after{animation-duration:1.6s}}.hkphc-otp .otp-resend{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:12px;color:var(--text-muted, #7a8388);font-size:12.5px}.hkphc-otp .otp-inputs{display:flex;gap:10px;justify-content:center;direction:ltr;margin:16px 0}.hkphc-otp .otp-inputs input{width:52px;height:60px;text-align:center;font-size:24px;font-weight:800;border:1px solid var(--border-strong, #e2e4e6);border-radius:12px;background:var(--surface, #fff);color:var(--text-strong, #171411)}.hkphc-otp .otp-inputs input:focus{border-color:var(--hkph-500, #00ADE6);outline:none;box-shadow:var(--shadow-focus, 0 0 0 3px rgba(0,173,230,.25))}