<style>
        body { font-family: 'Montserrat', sans-serif; scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
        .hero-background-image { animation: kenburns 15s ease-out forwards; }
        @keyframes kenburns { 0% { transform: scale(1.05); } 100% { transform: scale(1); } }
        
        .bg-hero {
            background-image: linear-gradient(rgba(15,29,54,0.8), rgba(15,29,54,0.8)), url('img/icons/Hero1.png');
            background-size: cover;
            background-position: center;
        }

        .fade-in-section { opacity: 0; transform: translateY(20px); transition: opacity .8s, transform .8s; }
        .is-visible { opacity: 1; transform: translateY(0); }
        
        .card-glow:hover { box-shadow: 0 10px 25px -5px rgba(0,119,182,0.15); transform: translateY(-0.5rem); transition: all 0.3s ease-in-out; }

        :focus-visible { outline: 3px solid rgba(0,119,182,0.4); outline-offset: 2px; }

        @media (prefers-reduced-motion: reduce) {
            * { animation-duration: 0s !important; transition-duration: 0s !important; }
        }
    </style>
