* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.forecast-card {
    transition: all 0.3s ease;
}

.forecast-card:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.15);
}

.life-index-card {
    transition: all 0.3s ease;
}

.life-index-card:hover {
    transform: scale(1.05);
}

.search-result-item {
    transition: background 0.2s ease;
}

.search-result-item:hover {
    background: rgba(6, 182, 212, 0.2);
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fadeIn 0.5s ease-out forwards;
}

.animate-delay-1 { animation-delay: 0.1s; }
.animate-delay-2 { animation-delay: 0.2s; }
.animate-delay-3 { animation-delay: 0.3s; }
.animate-delay-4 { animation-delay: 0.4s; }