body {
    background-color: #f8f9fa;
}

header {
    background: linear-gradient(90deg, rgba(73, 181, 255, 1), rgba(30, 215, 96, 1));
}

.card {
    transition: transform 0.2s, box-shadow 0.2s;
}

.card:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

footer {
    background: linear-gradient(90deg, rgba(255, 93, 123, 1), rgba(255, 213, 0, 1));
}

/* Responsive styles for any additional adjustments */
@media (min-width: 576px) {
    .header-title { font-size: 3rem; }
}

@media (min-width: 768px) {
    .header-title { font-size: 4rem; }
}