/* ==========================================
   POPUP OVERLAY
========================================== */

.popup-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.75);

    backdrop-filter:blur(15px);

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    visibility:hidden;

    transition:.4s;

    z-index:999999;

}

.popup-overlay.show{

    opacity:1;

    visibility:visible;

}

/* ==========================================
   POPUP
========================================== */

.popup{

    width:min(430px,90%);

    background:#101010;

    border:1px solid rgba(255,255,255,.08);

    border-radius:28px;

    padding:45px;

    text-align:center;

    transform:scale(.85);

    transition:.35s;

}

.popup-overlay.show .popup{

    transform:scale(1);

}

.popup-icon{

    width:90px;

    height:90px;

    margin:auto;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:42px;

    color:#fff;

    background:linear-gradient(
        135deg,
        #00d26a,
        #00b95c
    );

    margin-bottom:25px;

}

.popup h2{

    margin-bottom:15px;

    font-size:30px;

}

.popup p{

    color:#bdbdbd;

    line-height:1.8;

    margin-bottom:30px;

}

.popup button{

    border:none;

    cursor:pointer;

}
.popup{

    animation:popupShow .45s cubic-bezier(.18,.89,.32,1.28);

}

@keyframes popupShow{

0%{

opacity:0;

transform:scale(.8);

}

70%{

transform:scale(1.04);

}

100%{

opacity:1;

transform:scale(1);

}

}
.popup-icon{

animation:checkPop .6s ease;

}

@keyframes checkPop{

0%{

transform:scale(0);

}

60%{

transform:scale(1.2);

}

100%{

transform:scale(1);

}

}
.popup-icon{

box-shadow:

0 0 40px rgba(0,210,106,.35);

}
.popup{

    position:relative;

    z-index:9999999;

}

.popup button{

    position:relative;

    z-index:99999999;

    pointer-events:auto;

}

.popup-overlay{

    pointer-events:auto;

}