html {
            scroll-behavior: smooth;
        }
        .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 ease-in-out text-gray-800 font-medium;
        }
        .nav-link {
            @apply relative after:absolute after:bottom-0 after:left-1/2 after:w-0 after:h-0.5 after:bg-secondary after:transition-all after:duration-300 hover:after:w-full hover:after:left-0;
        }
        .service-card {
            @apply bg-white p-6 rounded-xl shadow-lg hover:shadow-2xl transition-all duration-500 hover:-translate-y-2 border border-gray-200;
        }
        .stat-number {
            @apply text-4xl md:text-5xl font-bold text-primary mb-2;
        }
        .btn-primary {
            @apply bg-primary hover:bg-blue-900 text-white font-semibold py-3 px-6 rounded-lg transition-all duration-300 transform hover:scale-105 shadow-md hover:shadow-lg;
        }
        .btn-secondary {
            @apply bg-secondary hover:bg-yellow-600 text-white font-semibold py-3 px-6 rounded-lg transition-all duration-300 transform hover:scale-105 shadow-md hover:shadow-lg;
        }
        .hero-gradient {
            background: linear-gradient(135deg, rgba(30, 58, 138, 0.9) 0%, rgba(59, 130, 246, 0.8) 100%);
        }
        .section-padding {
            @apply py-12 md:py-20;
        }
        .footer-link {
            @apply text-gray-300 hover:text-white transition-colors duration-300;
        }
        .timeline-item {
            @apply relative pl-8 pb-8 border-l-2 border-primary;
        }
        .timeline-item:last-child {
            @apply pb-0;
        }
        .timeline-dot {
            @apply absolute w-4 h-4 rounded-full bg-primary left-[-9px] top-0;
        }