.bdp-modal {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.6);
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity .25s ease;
} .bdp-modal.bdp-active {
opacity: 1;
visibility: visible;
} .bdp-modal-dialog {
background: #fff;
width: 100%;
max-width: 420px;
padding: 30px;
border-radius: 10px;
position: relative;
} .bdp-close {
position: absolute;
top: 12px;
right: 16px;
background: none;
border: none;
font-size: 22px;
cursor: pointer;
} .bdp-form input {
width: 100%;
padding: 12px;
margin-bottom: 14px;
border: 1px solid #ccc;
border-radius: 4px;
}
.bdp-form button {
width: 100%;
padding: 14px;
background: #ff5c23;
color: #fff;
border: none;
cursor: pointer;
border-radius: 4px;
font-size: 16px;
}
.bdp-form button:disabled {
opacity: 0.6;
cursor: not-allowed;
} .bdp-msg {
margin-top: 12px;
font-size: 14px;
}
.bdp-msg.success {
color: green;
}
.bdp-msg.error {
color: red;
}