.flink {
            @apply inline-flex items-center justify-center px-4 py-2 bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md hover:border-primary transition-all duration-300 text-gray-700 hover:text-primary hover:bg-blue-50;
        }
        .section-padding {
            @apply py-12 md:py-20;
        }
        .hero-gradient {
            background: linear-gradient(135deg, #1a1a2e 0%, #0052cc 50%, #00a8ff 100%);
        }
        .card-hover {
            @apply transition-all duration-300 hover:-translate-y-2 hover:shadow-xl;
        }
        .nav-link {
            @apply text-gray-700 hover:text-primary transition-colors duration-300 font-medium relative after:absolute after:bottom-0 after:left-1/2 after:w-0 after:h-0.5 after:bg-primary after:transition-all after:duration-300 hover:after:w-full hover:after:left-0;
        }
        .btn-primary {
            @apply bg-primary hover:bg-primary-dark text-white font-semibold py-3 px-6 rounded-lg shadow-md hover:shadow-lg transition-all duration-300;
        }
        .btn-secondary {
            @apply bg-white hover:bg-gray-50 text-primary border border-primary font-semibold py-3 px-6 rounded-lg shadow-sm hover:shadow-md transition-all duration-300;
        }
        .footer-link {
            @apply text-gray-400 hover:text-white transition-colors duration-300;
        }
