.course-card {
            border-radius: 18px;
            overflow: hidden;
            transition: 0.3s ease;
        }

        .course-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
        }

        .course-banner {
            height: 160px;
            background-size: cover;
            background-position: center;
        }

        .course-logo {
            position: absolute;
            bottom: 16px;
            left: 16px;
            width: 64px;
            height: 64px;
            background: white;
            padding: 1px;
            border-radius: 14px;
        }

        .course-title {
            transition: 0.3s ease;
        }

        .course-card:hover .course-title {
            color: #f97316;
            /* Orange hover */
        }