#welcome-card{

    text-align:center;

    padding:40px;
}

.welcome-text h2{

    font-size:42px;

    line-height:1.3;
}

.green-glow{

    color:#4ade80;

    text-shadow:
    0 0 10px #22c55e,
    0 0 25px #22c55e;
}

.welcome-image{

    width:50%;

    max-width:520px;

    height:180px;

    object-fit:cover;

    border-radius:20px;

    display:block;

    margin:25px auto;

    box-shadow:
    0 0 20px rgba(59,130,246,.4);
}

.action-buttons{

    display:flex;
    justify-content:center;
    gap:25px;
}

.meldpunt-btn,
.request-btn{

    padding:12px 25px;

    border:none;

    border-radius:12px;

    background:
    linear-gradient(
        135deg,
        #ff2222,
        #b40000
    );

    color:white;

    font-weight:bold;

    cursor:pointer;

    transition:.35s;

    box-shadow:
    0 0 15px rgba(255,0,0,.5);
}

.meldpunt-btn:hover,
.request-btn:hover{

    transform:
    translateY(-4px)
    scale(1.05);

    box-shadow:
    0 0 25px red,
    0 0 50px red;
}

#homepage-cards{

    display:flex;

    justify-content:center;

    gap:35px;

    margin-top:40px;

    margin-bottom:40px;
}

.kaart{

    width:330px;

    padding:15px;

    background:#1f2937;

    border-radius:18px;

    cursor:pointer;

    border:1px solid rgba(0,234,255,.3);

    box-shadow:
    0 0 15px rgba(0,234,255,.25);

    animation:
    popCard .8s ease-out,
    floatCard 5s ease-in-out infinite;
}

.kaart img{

    width:100%;

    border-radius:10px;
}

.kaart:hover{

    transform:scale(1.03);

    box-shadow:
    0 0 25px #00eaff,
    0 0 50px #00eaff;
}

@keyframes popCard{

    from{
        opacity:0;
        transform:
        translateY(50px)
        scale(.85);
    }

    to{
        opacity:1;
        transform:
        translateY(0)
        scale(1);
    }
}

@keyframes floatCard{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-8px);
    }

    100%{
        transform:translateY(0);
    }
}

.kaart-popup{

    position:fixed;

    top:0;
    left:0;

    width:100%;
    height:100%;

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

    display:none;

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

    z-index:9999;
}

.kaart-popup-content{

    position:relative;

    width:70%;

    max-width:850px;

    background:#1f2937;

    padding:20px;

    border-radius:18px;

    border:1px solid rgba(0,234,255,.3);

    box-shadow:
        0 0 25px rgba(0,234,255,.4);
}

#popupImage{

    width:100%;

    max-height:600px;

    object-fit:contain;

    border-radius:15px;
}

.close-popup{

    position:absolute;

    top:10px;
    right:15px;

    border:none;

    background:red;

    color:white;

    width:40px;
    height:40px;

    border-radius:50%;

    font-size:20px;

    cursor:pointer;

    box-shadow:
        0 0 15px red;
}
.popup-buttons{

    text-align:center;

    margin-top:20px;
}

.download-btn{

    display:inline-block;

    padding:12px 25px;

    background:#00eaff;

    color:black;

    text-decoration:none;

    font-weight:bold;

    border-radius:10px;

    box-shadow:
        0 0 15px #00eaff;

    transition:.3s;
}

.download-btn:hover{

    transform:scale(1.05);

    box-shadow:
        0 0 25px #00eaff;
}
@keyframes pulseRed {

    0%{
        box-shadow:
            0 0 10px rgba(255,0,0,.5);
    }

    50%{
        box-shadow:
            0 0 30px rgba(255,0,0,1);
    }

    100%{
        box-shadow:
            0 0 10px rgba(255,0,0,.5);
    }
}

.meldpunt-btn,
.request-btn{

    animation:
        pulseRed 2.5s infinite;
}