.contact-info i {
    font-size: 24px;
    color: var(--brand);
    margin-right: 10px;
}
.contact-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.map iframe {
    width: 100%;
    border: none;
    border-radius: 15px;
    height: 350px;
}
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}