.dq-otp-wrap{background-color:#B9B9B9;border-radius:12px;padding:20px;max-width:450px;margin:0 auto;box-shadow:0 2px 8px rgba(0,0,0,.1);font-family:"yektanet",sans-serif;direction:rtl}.dq-otp-title{font-size:1.2rem;margin-bottom:.75em;text-align:center;color:#333}.dq-otp-step{display:block}.dq-otp-input{width:100%;text-align:right;padding:.625em .75em;font-size:1rem;border:1px solid #ccc;border-radius:6px;margin-bottom:1em;box-sizing:border-box}.dq-otp-btn.dq-btn-green{display:block;width:100%;background-color:#007BFF;color:#fff;border:none;border-radius:6px;padding:.75em;font-size:1rem;font-weight:700;text-align:center;cursor:pointer;transition:background 0.2s ease;margin-bottom:1em}.dq-otp-btn.dq-btn-green:hover{background-color:#388e3c}.jq-otp-response{margin-top:.5em;min-height:1.5em;font-size:.9rem}.jq-otp-response p.error{color:#d32f2f}.jq-otp-response p.success{color:#388e3c}.dq-divider{text-align:center;margin:1em 0;position:relative}.dq-divider span{background:#f0f9f4;padding:0 .75em;font-size:.9rem;color:#666}.dq-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ddd;z-index:1}.dq-divider span{position:relative;z-index:2}.dq-google-btn{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ccc;border-radius:6px;padding:.6em;text-decoration:none;color:#444;font-size:.95rem;transition:background 0.2s ease}.dq-google-btn img{width:20px;height:20px;margin-left:.5em}.dq-google-btn:hover{background:#f5f5f5}.dq-resend{text-align:center;margin-top:.5em}.dq-resend a{font-size:.9rem;color:#1976d2;text-decoration:none}.dq-resend a:hover{text-decoration:underline}@media (max-width:400px){.dq-otp-wrap{padding:15px;max-width:95%}.dq-otp-btn.dq-btn-green{font-size:.95rem;padding:.65em}.dq-otp-input{padding:.55em .7em;font-size:.95rem}}#otp-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7);display:flex;justify-content:center;align-items:center;z-index:9999}.otp-spinner{border:5px solid #ccc;border-top:5px solid #0073aa;border-radius:50%;width:40px;height:40px;animation:spin 0.8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.otp-blur{filter:blur(3px);pointer-events:none}