/* ==========================================
   GLOBAL MODAL
========================================== */

.modal-overlay{
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.55);

    display:flex;
    align-items:center;
    justify-content:center;

    opacity:0;
    visibility:hidden;

    transition:.25s ease;

    z-index:5000;
}

.modal-overlay.show{
    opacity:1;
    visibility:visible;
}

.modal{
    width:min(92%,460px);

    background:var(--surface);

    border-radius:24px;

    padding:30px;

    box-shadow:0 30px 70px rgba(0,0,0,.25);

    transform:translateY(20px) scale(.96);

    transition:.25s ease;
}

.modal-overlay.show .modal{
    transform:translateY(0) scale(1);
}

.modal-icon{
    width:72px;
    height:72px;

    margin:auto;

    border-radius:20px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:28px;

    background:rgba(239,68,68,.08);

    color:var(--primary);

    margin-bottom:22px;
}

.modal h2{
    text-align:center;
    margin-bottom:12px;
}

.modal p{
    text-align:center;
    color:var(--text-light);
    line-height:1.7;
    margin-bottom:30px;
}

.modal-actions{
    display:flex;
    gap:14px;
}

.modal-actions button{
    flex:1;
}