html {
            scroll-behavior: smooth;
        }
        .flink {
            @apply inline-flex items-center justify-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 hover:border-brand-primary transition-all duration-300;
        }
        .hero-gradient {
            background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%);
        }
        .product-card {
            @apply bg-white rounded-xl shadow-lg overflow-hidden transform transition-all duration-300 hover:-translate-y-2 hover:shadow-2xl;
        }
        .section-padding {
            @apply py-16 md:py-24;
        }
        .text-balance {
            text-wrap: balance;
        }