.otp-modal-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(4px);z-index:1000}
.otp-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;padding:2rem;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1);width:90%;max-width:400px;z-index:1001}
.otp-input{width:100%;padding:12px;margin:1rem 0;border:1px solid #ddd;border-radius:4px;font-size:16px;text-align:center;outline:0}
.otp-input:focus{border-color:#5e2b9d;box-shadow:0 0 0 2px rgba(94,43,157,0.1)}
.otp-button-group{display:flex;gap:1rem;justify-content:center;margin-top:1rem}
.otp-submit,.otp-resend{padding:10px 24px;background-color:#5e2b9d;color:white;border:0;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}
.otp-submit:hover,.otp-resend:hover{background-color:#4a2280}
.close-button{position:absolute;right:10px;top:10px;background:#ff6b6b;color:white;border:0;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background-color .2s}
.close-button:hover{background:#ff5252}