.modalOverlay{
    position:fixed;top:0;left:0;width:100%;height:100%;
    background:rgba(0,0,0,0.5);
    display:flex;align-items:center;justify-content:center;
    visibility:hidden;opacity:0;transition:0.3s;z-index:9999;
}
.modalOverlay.show{ visibility:visible; opacity:1; }

.modalBox{
    background:white;padding:30px;border-radius:14px;
    width:420px;max-width:90%;text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,0.25);
    animation: pop 0.25s ease;
}
@keyframes pop{ from{transform:scale(.8);opacity:0} to{transform:scale(1);opacity:1} }

.modalButtons{ margin-top:25px;display:flex;gap:15px;justify-content:center; }

.btnOui,.btnNon{
    border:none;padding:12px 22px;font-size:16px;border-radius:8px;
    cursor:pointer;font-weight:bold;transition:.2s;
}
.btnOui{ background:#4CAF50;color:white; }
.btnOui:hover{ background:#43a047; }

.btnNon{ background:#e53935;color:white; }
.btnNon:hover{ background:#d32f2f; }