body{background-color:#f5f5f5;margin:0;padding-top:20px}.no-courses{text-align:center;margin-top:150px;margin-bottom:500px}.no-courses p{margin-bottom:20px;font-size:1.2rem}.go-membership-btn{color:#fff;background-color:#ff9800;border-radius:8px;padding:10px 20px;font-weight:700;text-decoration:none;transition:background-color .3s}.go-membership-btn:hover{background-color:#e68900}.category-section{background:#ffffffa2;border-radius:10px;margin-bottom:40px;padding:20px;box-shadow:0 4px 8px #0000001a}.dark-mode .category-section{background-color:#333}.category-title{color:#222;text-transform:uppercase;border-left:5px solid #ff9000;margin-bottom:15px;padding-left:10px;font-size:1.5em;font-weight:700}.dark-mode .category-title{color:#fff}.course-list{scrollbar-width:thin;scrollbar-color:#ff9000#f5f5f5;gap:20px;padding-bottom:10px;display:flex;overflow-x:auto}.course-list::-webkit-scrollbar{height:8px}.course-list::-webkit-scrollbar-track{background:#ff0c0c00;border-radius:10px}.course-list::-webkit-scrollbar-thumb{background:#007bff;border-radius:10px}.course-card{text-align:center;cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:10px;flex:0 0 250px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 10px #0000001a}.course-card:hover{transform:scale(1.05);box-shadow:0 8px 20px #0003}.course-image{object-fit:fill;border-bottom:1px solid #ddd;width:100%;height:160px}.course-title{color:#333;padding:10px;font-size:1.1em;font-weight:700}