.otp-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);z-index:1050;padding:20px}@media (max-width:576px){.otp-modal-overlay{padding:15px}}.otp-modal-container{background:white;border-radius:16px;width:100%;max-width:600px;padding:clamp(16px,5vw,32px);box-shadow:0 4px 20px rgba(0,0,0,.15)}@media (max-width:576px){.otp-modal-container{max-width:100%;margin:0 auto}}.otp-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}@media (max-width:576px){.otp-modal-header{margin-bottom:12px}}.otp-modal-title{margin-bottom:0;font-weight:700;color:#333;font-size:clamp(16px,4vw,20px);line-height:1.3}.otp-modal-close{font-size:16px}@media (max-width:576px){.otp-modal-close{font-size:14px}}.otp-modal-description{color:#6c757d;line-height:1.5}.otp-modal-description,.otp-phone-info{margin-bottom:16px;font-size:clamp(12px,3vw,14px)}.otp-phone-info{display:flex;align-items:center;gap:8px;color:#666;flex-wrap:wrap}.otp-phone-icon{width:16px;height:16px;fill:currentColor}.otp-inputs-container{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:60%;max-width:420px;margin-bottom:16px}@media (max-width:576px){.otp-inputs-container{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:75%;max-width:420px;margin-bottom:16px}}.otp-input{width:40px;height:40px;font-size:clamp(16px,4.5vw,20px);text-align:center;font-weight:700;border-radius:8px;background-color:#fff;outline:none;padding:0;margin:0;border:2px solid #dee2e6;min-width:0}.otp-input:focus{outline:none;border-color:#404040;box-shadow:0 0 0 3px rgba(64,64,64,.1)}.otp-input.filled{border-color:#6c757d}.otp-input.error{border-color:#dc3545!important}.otp-input.validated{border:2px solid transparent!important;background-color:#f8f9fa}.otp-error-message{color:#EB0000;margin-bottom:12px;font-size:14px;display:flex;align-items:center;gap:6px}.otp-success-message{color:#28a745;margin-bottom:12px;font-size:14px;font-weight:600}.otp-resend-container{text-align:left;margin-bottom:16px}.otp-resend-timer{font-size:14px;color:#ED1164;font-weight:400}.otp-resend-button{background:none;border:none;color:#ED1164;font-size:14px;font-weight:600;text-transform:uppercase;text-decoration:none;padding:0;cursor:pointer}.otp-resend-button:hover{text-decoration:underline}.otp-confirm-button{width:100%;height:52px;color:#FFFFFF;font-weight:600;padding:clamp(12px,3vw,16px);font-size:clamp(14px,3.5vw,16px);border-radius:8px;border:none;background-color:#B4B4B4;cursor:not-allowed}.otp-confirm-button.enabled{background-color:#AE275F;border-color:#AE275F;color:white;cursor:pointer}.otp-confirm-button:hover.enabled{background-color:#922456}.otp-loading-spinner{display:flex;align-items:center;justify-content:center;gap:8px}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}