html {
            scroll-behavior: smooth;
        }
        .nav-link {
            @apply text-gray-700 hover:text-primary transition-colors duration-300 font-medium;
        }
        .btn-primary {
            @apply bg-primary hover:bg-blue-800 text-white font-semibold py-3 px-6 rounded-lg transition-all duration-300 shadow-md hover:shadow-lg;
        }
        .section-title {
            @apply text-3xl md:text-4xl font-bold text-gray-900 mb-6 text-center;
        }
        .section-subtitle {
            @apply text-lg text-gray-600 mb-12 max-w-3xl mx-auto text-center;
        }
        .card-hover {
            @apply transition-all duration-500 hover:scale-105 hover:shadow-2xl;
        }
        .flink {
            @apply inline-flex items-center justify-center px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-lg transition-all duration-300 m-2;
        }