.otp-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;padding:1rem;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;box-sizing:border-box}.otp-modal-box{background:#fff;width:100%;max-width:400px;padding:1.5rem 1rem;border-radius:16px;box-shadow:0 4px 24px #00000026;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.otp-modal-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.close-btn{background:none;border:none;font-size:24px;cursor:pointer}.otp-instruction{text-align:center;color:#6c757d;margin-bottom:1.5rem;font-size:14px}.otp-input-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:1rem;width:100%}.otp-box{width:48px;height:48px;font-size:20px;text-align:center;border:2px solid #e0e0e0;border-radius:8px;outline:none;transition:border-color .2s}.otp-box:focus{border-color:#dd4754}.verify-btn{background-color:#dd4754;color:#fff;padding:12px;border:none;border-radius:10px;width:100%;font-size:16px;cursor:pointer}.verify-btn:hover{background-color:#b63a45}.text-danger{color:#dc3545;margin-bottom:.5rem}@media(max-width:576px){.otp-box{width:40px;height:40px;font-size:14px;padding:0}.otp-modal-box{padding:1rem}.verify-btn{font-size:15px;padding:10px}}