.otp-form{flex-direction:column;gap:24px;margin-top:28px;display:flex}.otp-wrapper{direction:ltr;justify-content:center;align-items:center;gap:12px;display:flex}.otp-input{text-align:center;color:#111827;background:#ffffffb3;border:1px solid #d1d5db;border-radius:14px;outline:none;width:54px;height:54px;font-size:22px;font-weight:800;transition:all .25s;box-shadow:0 4px 12px #0000000a}.otp-input:hover{border-color:#93c5fd}.otp-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.otp-input.filled{background:#2563eb0a;border-color:#2563eb73}.otp-timer-wrap{justify-content:center;align-items:center;gap:8px;min-height:24px;display:flex}.otp-timer-text{color:#6b7280;font-size:14px}.otp-timer{color:#111827;font-variant-numeric:tabular-nums;letter-spacing:.5px;direction:ltr;font-size:14px;font-weight:800}.otp-resend-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin:0 auto;padding:0;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex}.otp-resend-btn:hover{color:#1d4ed8}.otp-resend-btn i{font-size:13px}@media (width<=576px){.otp-wrapper{gap:8px}.otp-input{border-radius:12px;width:46px;height:46px;font-size:18px}.otp-timer-text,.otp-timer{font-size:13px}}