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

/* Custom styles */
.section-padding {
    @apply py-16 md:py-24;
}

.container-custom {
    @apply container mx-auto px-4;
}

.btn-primary {
    @apply bg-primary hover:bg-opacity-90 text-white font-bold py-3 px-8 rounded-lg transition duration-300;
}

.btn-secondary {
    @apply bg-secondary hover:bg-opacity-90 text-white font-bold py-3 px-8 rounded-lg transition duration-300;
}

.card-hover {
    @apply transition duration-300 hover:shadow-xl hover:-translate-y-1;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.fade-in {
    animation: fadeIn 0.6s ease-out;
}