.otp-card{direction:rtl;background:#fff;border-radius:16px;border:1px solid #f0f0f0;padding:32px 24px 24px;box-shadow:0 1px 4px rgb(0 0 0 / .04);animation:otpFadeIn 0.35s ease-out}@media (min-width:640px){.otp-card{padding:40px 32px 28px}}@keyframes otpFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.otp-inputs-row{display:flex;justify-content:center;gap:10px;direction:ltr;margin-top:8px}.otp-input{width:48px;height:56px;text-align:center;direction:ltr;font-size:24px;font-weight:700;font-family:"SF Mono","Fira Code",monospace;color:#1a1a1a;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;outline:none;transition:border-color 0.15s,box-shadow 0.15s,background 0.15s;-webkit-appearance:none;flex-shrink:0;caret-color:#3b82f6}.otp-input::placeholder{color:#fff0}.otp-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px rgb(59 130 246 / .1)}.otp-input.filled{background:#fff;border-color:#3b82f6}.otp-input.error{border-color:#ef4444;background:#fef2f2;box-shadow:0 0 0 3px rgb(239 68 68 / .08);animation:otpShake 0.35s ease}@keyframes otpShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}.otp-timer-pill{display:inline-flex;align-items:center;gap:6px;background:#fffbeb;color:#b45309;font-size:14px;padding:6px 16px;border-radius:100px;border:1px solid #fde68a}.otp-verify-btn{width:100%;padding:14px;font-size:16px;font-weight:700;color:#fff;background:#2563eb;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background 0.15s,opacity 0.15s,transform 0.1s;font-family:inherit}.otp-verify-btn:hover:not(:disabled){background:#1d4ed8}.otp-verify-btn:active:not(:disabled){transform:scale(.98)}.otp-verify-btn:disabled{opacity:.35;cursor:not-allowed}.otp-footer{margin-top:20px;padding-top:16px;border-top:1px solid #f3f4f6;text-align:center}.otp-back-link{display:inline-block;font-size:13px;color:#9ca3af;text-decoration:none;transition:color 0.15s}.otp-back-link:hover{color:#6b7280}#resend-btn.loading{opacity:.6;pointer-events:none}@media (max-width:379px){.otp-inputs-row{gap:6px}.otp-input{width:42px;height:50px;font-size:20px;border-radius:10px}.otp-card{padding:28px 18px 20px}}@media (min-width:380px) and (max-width:479px){.otp-inputs-row{gap:8px}.otp-input{width:46px;height:54px;font-size:22px}}@media (min-width:480px){.otp-inputs-row{gap:12px}.otp-input{width:52px;height:58px;font-size:26px}}@media (max-height:500px) and (orientation:landscape){.otp-input{width:40px;height:46px;font-size:18px}.otp-inputs-row{gap:6px}.otp-card{padding:20px 16px 16px}}