@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    body {
        @apply antialiased;
    }
}

@layer components {
    .animate-marquee {
        animation: marquee 30s linear infinite;
    }

    .animate-marquee2 {
        animation: marquee2 30s linear infinite;
    }

    @keyframes marquee {
        0% { transform: translateX(0%); }
        100% { transform: translateX(-100%); }
    }

    @keyframes marquee2 {
        0% { transform: translateX(100%); }
        100% { transform: translateX(0%); }
    }

    .tab-btn.active {
        @apply bg-primary text-white border-primary;
    }

    .faq-trigger[aria-expanded="true"] .faq-icon {
        @apply rotate-45;
    }

    /* Scroll animations */
    [data-animate] {
        @apply opacity-0 translate-y-8 transition-all duration-700 ease-out;
    }

    [data-animate].animate-in {
        @apply opacity-100 translate-y-0;
    }
}

/* Glass Nav */
.glass-nav {
    @apply bg-surface/80 backdrop-blur-md border-secondary/10 py-2;
}