/*
 * This file contains custom CSS rules that will be loaded into the index.html file.
 * It's located in the "css" folder for better project organization.
 */

body {
    font-family: 'Inter', sans-serif;
    color: #1a202c;
    background-color: #f7fafc;
}

.gradient-bg {
    background: linear-gradient(135deg, #1d4ed8, #06b6d4);
}

.btn-primary {
    /* Tailwind classes are used here but can be moved to the HTML for consistency */
    @apply px-8 py-4 text-lg font-semibold text-white bg-blue-600 rounded-full shadow-lg transition duration-300 ease-in-out hover:bg-blue-700 hover:shadow-xl transform hover:-translate-y-1;
}

.card {
    /* Tailwind classes are used here but can be moved to the HTML for consistency */
    @apply bg-white p-8 rounded-xl shadow-lg transition duration-300 ease-in-out transform hover:scale-105;
}