.hero-bg {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('https://images.unsplash.com/photo-1508804185872-d7badad00f7d?q=80&w=2070&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
}
.search-box-shadow {
    box-shadow: 0px 8px 24px rgba(15, 23, 42, 0.08);
}
.card-hover:hover {
    transform: translateY(-5px);
    transition: all 0.3s ease;
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.1);
}
.city-card img {
    transition: transform 0.5s ease;
}
.city-card:hover img {
    transform: scale(1.1);
}
.section-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 80px 40px;
}
@media (max-width: 768px) {
    .section-container {
        padding: 40px 20px;
    }
}
.card-shadow {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}
.card-shadow:hover {
    transform: translateY(-5px);
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.1);
}