body {
    font-family: 'Segoe UI', system-ui, sans-serif;
    scroll-behavior: smooth;
    background: #ffffff;
    color: #111827;
}

.heading-serif {
    font-family: Georgia, serif;
    font-weight: 700;
    letter-spacing: -2px;
}

.section-header {
    font-size: 3rem;
    line-height: 1.05;
    letter-spacing: -2px;
    font-family: Georgia, serif;
    font-weight: 700;
}

.course-card {
    transition: all 0.3s ease;
}

.course-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
}

.nav-link {
    transition: all 0.2s ease;
}

.nav-link:hover {
    color: #134e4b;
}

.hero-bg {
    background:
        linear-gradient(rgba(0, 0, 0, 0.62),
            rgba(0, 0, 0, 0.58)),
        url('./herobg.png');

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    min-height: 620px;
}

.page-hero-bg {
    background:
        linear-gradient(rgba(0, 0, 0, 0.7),
            rgba(0, 0, 0, 0.6)),
        url('./caursebg.png');

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.feature-card {
    transition: all 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.12);
}

@media (max-width: 768px) {

    .section-header {
        font-size: 2.2rem;
        line-height: 1.12;
        letter-spacing: -1.2px;
    }

    .heading-serif {
        letter-spacing: -1px;
    }

    .hero-bg {
        min-height: 540px;
        background-position: center;
    }
}