/* Native CSS Smooth Scrolling */
html {
    scroll-behavior: smooth;
    /* This offsets the scroll so the sticky navbar doesn't cover your section titles */
    scroll-padding-top: 70px; 
}

body {
    font-family: 'Inter', sans-serif;
    color: #333;
}

/* Initial state for jQuery animations */
.slide-up, .slide-up-delay, .slide-up-delay-2 {
    opacity: 0;
    transform: translateY(30px);
}

/* Modern Gradient Hero */
.hero-section {
    min-height: 100vh; /* Changed from 80vh to 100vh to fill the screen */
    background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
    position: relative;
    overflow: hidden;
}

/* Subtle decorative shapes for the background */
.hero-section::before {
    content: '';
    position: absolute;
    top: -10%;
    right: -5%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(13,110,253,0.1) 0%, rgba(255,255,255,0) 70%);
    border-radius: 50%;
}

/* Card Hover Animations */
.course-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
}

.course-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
}