html {
            scroll-behavior: smooth;
        }
        .flink {
            @apply inline-flex items-center px-4 py-2 bg-gray-100 hover:bg-neu-primary hover:text-white text-neu-dark rounded-lg transition-all duration-300 font-medium border border-gray-300 hover:border-neu-primary;
        }
        .nav-link {
            @apply relative text-white hover:text-neu-accent font-medium transition-colors duration-300 after:absolute after:left-0 after:-bottom-1 after:h-0.5 after:w-0 after:bg-neu-accent after:transition-all after:duration-300 hover:after:w-full;
        }
        .btn-primary {
            @apply bg-neu-primary hover:bg-blue-800 text-white font-bold py-3 px-6 rounded-lg transition-all duration-300 transform hover:-translate-y-1 shadow-lg hover:shadow-xl;
        }
        .btn-secondary {
            @apply bg-neu-secondary hover:bg-red-700 text-white font-bold py-3 px-6 rounded-lg transition-all duration-300 transform hover:-translate-y-1 shadow-lg hover:shadow-xl;
        }
        .card-hover {
            @apply transition-all duration-500 hover:-translate-y-2 hover:shadow-2xl;
        }
        .section-padding {
            @apply py-12 md:py-20;
        }
        .text-balance {
            text-wrap: balance;
        }
