/* Dashboard Grid Lines */
    .bg-grid-pattern {
        background-image:
            linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
            linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
        background-size: 40px 40px;
    }

    /* Subtle background image treatment */
    .bg-course-image {
        background: linear-gradient(to right, #0f172a 30%, rgba(15, 23, 42, 0.85) 100%);
        background-size: cover;
        background-position: center;
        filter: grayscale(40%);
    }

    .bg-course-image::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(15, 23, 42, 0.4);
    }