*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Inter',sans-serif;background:#0a0a0f;color:#e5e5e5;margin:0}
main{max-width:1000px;margin:0 auto;padding:28px 16px}
h2,h3{color:#fff;margin:0 0 12px}
section{padding:22px 0}
a{color:#67e5c2}
.card{background:#11131a;padding:22px;border-radius:12px;border:1px solid #1c1f2a;box-shadow:0 14px 40px rgba(0,0,0,.45)}
.cards-vertical{display:flex;flex-direction:column;gap:16px}
.cards-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.muted{color:#a6a9bd}
.muted.small{font-size:12px}
.btn-primary{padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#33c9a4,#8de4b6);color:#05070b;font-weight:700;text-decoration:none;display:inline-flex;align-items:center}
.btn-primary:hover{filter:brightness(1.05)}
.contact-email{
    display:flex;
    align-items:center;
    gap:10px;
}

.mail-icon{
    width:20px;
    height:20px;
    flex:0 0 auto;
    transform: translateY(1px); /* optisch alignen met tekst */
    filter: drop-shadow(0 0 10px rgba(71, 227, 168, 0.12));
}

/* Privacy als subtiele voetnoot bij Contact */
.privacy-subtle {
    margin-top: 12px;
}

.privacy-subtle .card {
    background: rgba(255, 255, 255, 0.015);
    box-shadow: none;
    border-radius: 10px;
    padding: 14px 18px;
}

/* Tekst nog rustiger */
.privacy-subtle p {
    font-size: 0.9rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.7);
}

.privacy-subtle p + p {
    margin-top: 8px;
}

.privacy-subtle .muted {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.5);
}