.otp-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.otp-boxes input[type=text]{height:56px!important;min-height:56px!important;padding:0!important;text-align:center;font-size:22px;font-weight:500;font-variant-numeric:tabular-nums;border:1px solid #e4dff1;border-radius:12px;background:var(--card);caret-color:var(--primary);transition:border-color var(--motion-duration),box-shadow var(--motion-duration)}.otp-boxes input[type=text]:focus{border-color:#8582e4;box-shadow:var(--focus-ring)}.otp-boxes input[aria-invalid=true]{border-color:#e6a9b8}@media (max-width:520px){.otp-boxes{gap:7px}.otp-boxes input[type=text]{height:52px!important;min-height:52px!important;font-size:20px}}@media (prefers-reduced-motion:reduce){.otp-boxes input{transition:none}}.otp-boxes[data-length="4"]{max-width:288px;margin-inline:auto;width:100%}