style.css

/* Custom styles to complement Tailwind */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
}

/* Smooth scrolling for anchor links */
html {
    scroll-behavior: smooth;
}

/* Custom button animation */
.btn-hover-effect {
    transition: all 0.3s ease;
    transform: translateY(0);
}

.btn-hover-effect:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Course card hover effect */
.course-card {
    transition: all 0.3s ease;
}

.course-card:hover {
    transform: translateY(-5px);
}

/* Custom form input focus */
.custom-input:focus {
    box-shadow: 0 0 0 3px rgba(237, 137, 54, 0.5);
}