/* Custom Styles */
* {
    scroll-behavior: smooth;
}

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

/* Hero Section Background Optimization */
section.relative {
    position: relative;
}

section.relative > div[style*="background-image"] {
    will-change: transform;
    transition: opacity 0.3s ease;
}

/* Ensure background images load properly on mobile */
@media (max-width: 768px) {
    section.relative > div[style*="background-image"] {
        background-attachment: scroll;
    }
}

/* Mobile Menu Animation */
#mobileMenu {
    display: none;
    transition: all 0.3s ease;
}

/* Improve touch targets on mobile */
@media (max-width: 768px) {
    button, a, input, select {
        min-height: 44px;
    }
    
    .income-type-option {
        min-height: 60px;
    }
}

/* Income Type Option Hover Effect */
.income-type-option {
    transition: all 0.3s ease;
}

.income-type-option:hover {
    transform: translateY(-2px);
}

.income-type-option input[type="radio"]:checked + div {
    color: #2563eb;
}

.income-type-option:has(input[type="radio"]:checked) {
    border-color: #2563eb;
    background-color: #eff6ff;
}

/* Article Card Animation */
.article-card {
    transition: all 0.3s ease;
}

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #2563eb, #9333ea);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to bottom, #1d4ed8, #7e22ce);
}

/* Loading Animation */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.loading {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}