html {
            scroll-behavior: smooth;
        }
        .flink {
            @apply inline-block px-4 py-2 m-2 bg-white text-gray-800 rounded-lg shadow-md hover:shadow-xl hover:bg-blue-50 transition-all duration-300 border border-gray-200;
        }
        .hero-gradient {
            background: linear-gradient(135deg, rgba(29, 78, 216, 0.85) 0%, rgba(15, 118, 110, 0.8) 100%);
        }
        .section-padding {
            @apply py-12 px-4 md:py-20 md:px-8;
        }
        .card-hover {
            @apply transition-transform duration-300 hover:-translate-y-2;
        }
        .btn-primary {
            @apply bg-primary hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-lg transition-colors duration-300 inline-flex items-center;
        }
        .btn-secondary {
            @apply bg-secondary hover:bg-teal-700 text-white font-bold py-3 px-6 rounded-lg transition-colors duration-300 inline-flex items-center;
        }
        .text-balance {
            text-wrap: balance;
        }