@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
        html {
            scroll-behavior: smooth;
        }
        .flink {
            @apply text-hospital-teal hover:text-hospital-blue transition-colors duration-300 font-medium;
        }
        .hero-gradient {
            background: linear-gradient(rgba(13, 74, 140, 0.85), rgba(12, 150, 133, 0.8)), url('https://images.unsplash.com/photo-1586773860418-dc22f8b874bc?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center/cover no-repeat;
        }
        .section-padding {
            @apply px-4 sm:px-6 lg:px-8 py-12 md:py-20;
        }
        .card-hover {
            @apply transition-all duration-500 hover:-translate-y-2 hover:shadow-2xl;
        }
        .nav-scrolled {
            @apply shadow-md bg-white/95 backdrop-blur-sm;
        }