html {
            scroll-behavior: smooth;
        }
        .social-icon {
            @apply h-10 w-10 flex items-center justify-center rounded-full text-white bg-secondary hover:bg-primary transition-colors;
        }
        .slider-dot {
            @apply w-3 h-3 rounded-full bg-gray-300 dark:bg-gray-600 cursor-pointer;
        }
        .slider-dot.active {
            @apply bg-primary dark:bg-secondary;
        }
        #mobile-menu {
            transition: transform 0.3s ease-in-out;
        }