/* Custom styles */
@layer components {
    .btn-primary {
        @apply bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors;
    }

    .btn-secondary {
        @apply border border-blue-600 text-blue-600 px-4 py-2 rounded-lg hover:bg-blue-50 transition-colors;
    }

    .input-primary {
        @apply border border-gray-300 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500;
    }

    .card {
        @apply bg-white rounded-lg shadow-md overflow-hidden;
    }

    .card-body {
        @apply p-6;
    }

    .section-title {
        @apply text-3xl font-bold mb-8;
    }
}

/* Custom animations */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.animate-fadeIn {
    animation: fadeIn 0.5s ease-in-out;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .container {
        @apply px-4;
    }
}