/* Custom font for a modern look */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body {
    font-family: 'Inter', sans-serif;
    background-color: #f8fafc; /* Light background */
    color: #334155; /* Dark grey text */
}
/* Custom styles for better aesthetics */
.gradient-bg {
    background: linear-gradient(to right, #6366f1, #8b5cf6); /* Purple to Indigo gradient */
}
.btn-primary {
    @apply bg-indigo-600 text-white px-6 py-3 rounded-full shadow-lg hover:bg-indigo-700 transition duration-300 ease-in-out transform hover:-translate-y-1;
}
.btn-secondary {
    @apply bg-white text-indigo-600 border border-indigo-600 px-6 py-3 rounded-full shadow-md hover:bg-indigo-50 transition duration-300 ease-in-out;
}
.card {
    @apply bg-white rounded-xl shadow-lg p-6 flex flex-col items-center text-center transition duration-300 ease-in-out transform hover:-translate-y-2;
}
.screenshot-img {
    @apply rounded-lg shadow-xl border-4 border-white transform transition duration-300 ease-in-out hover:scale-105;
}