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