body {
    font-family: 'Inter', sans-serif;
    background-color: #f8fafc; /* Light blue-gray background */
    color: #334155; /* Darker text */
}
.text-gradient-hero {
    background-image: linear-gradient(to right, #6366f1, #8b5cf6); /* Indigo to Violet */
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.btn-primary {
    @apply px-8 py-3 rounded-full font-semibold text-white transition-all duration-300;
    background-image: linear-gradient(to right, #6366f1, #8b5cf6);
    box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4);
}
.btn-primary:hover {
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.6);
    transform: translateY(-2px);
}
.card {
    @apply bg-white p-6 rounded-xl shadow-lg transition-all duration-300 transform hover:scale-105;
}
.card-project {
    @apply bg-white rounded-xl shadow-lg overflow-hidden flex flex-col;
}
.card-project img {
    @apply w-full h-48 object-cover;
}