.modal{display:none;position:fixed;inset:0;z-index:10000;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.45);} .modal.active{display:flex;} .modal .modal-content{background:#fff;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,0.15);max-width:420px;width:90%;padding:2rem;text-align:center;} .modal .modal-actions{display:flex;gap:0.75rem;justify-content:center;margin-top:1.5rem;}