/* Smooth scrolling and breathing effect for Hero Image */
        html { scroll-behavior: smooth; }
        .breathing-shadow {
            animation: breathe 4s ease-in-out infinite;
        }
        @keyframes breathe {
            0% { box-shadow: 0 0 15px rgba(59, 130, 246, 0.3); }
            50% { box-shadow: 0 0 30px rgba(59, 130, 246, 0.6); }
            100% { box-shadow: 0 0 15px rgba(59, 130, 246, 0.3); }
        }