html {
            scroll-behavior: smooth;
        }
        .flink {
            @apply inline-block px-4 py-2 mx-2 my-1 bg-gray-100 text-gray-800 rounded-lg hover:bg-primary hover:text-white transition-all duration-300 border border-gray-300 hover:border-transparent;
        }
        .hero-gradient {
            background: linear-gradient(135deg, #1e3a8a 0%, #1a56db 50%, #3b82f6 100%);
        }
        .card-hover {
            @apply transition-all duration-300 hover:shadow-2xl hover:-translate-y-2;
        }
        .section-padding {
            @apply py-12 md:py-20 px-4 md:px-8;
        }