.maac-popup-overlay{

    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:999999;
    padding:20px;

}

.maac-popup-box{

    background:#111;
    width:100%;
    max-width:450px;
    border-radius:20px;
    overflow:hidden;
    position:relative;
    border:2px solid #ffcc00;
    box-shadow:0 0 30px rgba(255,204,0,0.3);

    animation:popupAnim 0.3s ease;

}

@keyframes popupAnim{

    from{

        transform:scale(0.8);
        opacity:0;

    }

    to{

        transform:scale(1);
        opacity:1;

    }

}

.maac-popup-header{

    text-align:center;
    padding:30px 25px 20px;
    background:#000;

}

.maac-popup-header img{

    width:150px;
    margin-bottom:15px;

}

.maac-popup-header h3{

    color:#ffcc00;
    font-size:28px;
    margin-bottom:10px;

}

.maac-popup-header p{

    color:#fff;
    font-size:15px;
    margin:0;

}

.maac-form{

    padding:25px;

}

.maac-form input,
.maac-form select{

    width:100%;
    height:55px;
    margin-bottom:18px;
    border:none;
    padding:0 18px;
    border-radius:10px;
    background:#222;
    color:#fff;
    font-size:15px;

}

.maac-form input::placeholder{

    color:#bbb;

}

.maac-form select{

    color:#fff;

}

.maac-submit-btn{

    width:100%;
    height:55px;
    border:none;
    border-radius:10px;
    background:#ffcc00;
    color:#000;
    font-weight:700;
    font-size:16px;
    transition:0.3s;

}

.maac-submit-btn:hover{

    background:#fff;
    transform:translateY(-2px);

}

.maac-close-btn{

    position:absolute;
    top:12px;
    right:18px;
    color:#fff;
    font-size:32px;
    cursor:pointer;
    z-index:10;

}

@media(max-width:576px){

    .maac-popup-box{

        max-width:100%;

    }

}