.flink {
            @apply inline-block px-4 py-2 mx-2 my-1 bg-blue-50 text-blue-700 rounded-lg hover:bg-blue-100 transition duration-300 border border-blue-200;
        }
        .friendlink {
            @apply py-10 bg-gray-50 border-t border-b border-gray-200;
        }
        .hero-gradient {
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
        }
        .card-hover {
            @apply transition-all duration-300 hover:shadow-xl hover:-translate-y-1;
        }
        .nav-link {
            @apply text-gray-700 hover:text-blue-600 font-medium px-3 py-2 rounded-md transition duration-200;
        }
        .btn-primary {
            @apply bg-blue-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-blue-700 transition duration-300 shadow-md hover:shadow-lg;
        }
        .section-padding {
            @apply py-12 md:py-20;
        }
        .text-balance {
            text-wrap: balance;
        }
        img {
            @apply max-w-full h-auto;
        }