.modal-overlay{opacity:0;pointer-events:none;z-index:9999;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.show{opacity:1;pointer-events:auto}.modal-overlay.hide{opacity:0;pointer-events:none}.modal-container{opacity:0;background:#fff;border-radius:10px;width:90%;max-width:700px;transition:all .3s;transform:scale(.95);box-shadow:0 10px 25px rgba(0,0,0,.2)}.modal-container.slide-in{opacity:1;transform:scale(1)}.modal-container.slide-out{opacity:0;transform:scale(.95)}.modal-header,.modal-footer{border-bottom:1px solid #eee;padding:15px 20px}.modal-footer{border-top:1px solid #eee;border-bottom:none;justify-content:flex-end;gap:10px;display:flex}.modal-body{padding:20px}.btn-close{cursor:pointer;background:0 0;border:none;font-size:4rem;line-height:1}.otp-input-group{justify-content:center;gap:10px;margin:20px 0;display:flex}.otp-input{text-align:center;border:1px solid #ccc;border-radius:8px;outline:none;width:45px;height:45px;margin-right:5px;font-size:20px;transition:border-color .2s}.otp-input:focus{border-color:#000}.resend-section{margin-top:10px}.resend-btn{color:#007bff;cursor:pointer;background:0 0;border:none;font-weight:600}.resend-btn:hover{text-decoration:underline}.text-muted{color:#6c757d}