body {
    background-color: #f8f9fa;
    font-family: 'Segoe UI', sans-serif;
}
header, footer {
    background: linear-gradient(90deg, #c2ccdb 0%, #c3b5da 100%);
    color: white;
}
header h1, footer h1 {
    font-weight: bold;
}
.contact-icon {
    width: 48px;
    height: 48px;
    margin: 0 10px;
    transition: transform 0.2s ease;
}
.contact-icon:hover {
    transform: scale(1.2);
}

.hero-image {
    max-width: 240px;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

/* Contact*/
.contact-icon:hover {
    transform: scale(1.1);
}

.contact-card {
    transition: box-shadow 0.3s ease;
}

.contact-card:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}