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;overflow:visible;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:10px 6px 28px;display:flex;overflow:auto visible}.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:#fafafa;border:1px solid #ececec;border-radius:12px;flex:0 0 238px;transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}.course-card:hover{border-color:#ff9000;transform:translateY(-4px);box-shadow:0 0 0 1px #ff900059,0 8px 24px #ff900038}.course-card-media{position:relative;overflow:hidden}.course-image{width:100%;height:auto;transition:transform .35s;display:block}.course-card:hover .course-image{transform:scale(1.08)}.course-title{color:#333;padding:10px;font-size:1.1em;font-weight:700}.course-access-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;top:10px;left:10px}.course-access-badge--market{color:#fff;background-color:#2563eb}.course-access-badge--purchased{color:#fff;background-color:#ff9800}.course-expiration{color:#666;margin:0;padding:10px 10px 12px;font-size:.85rem}@media (prefers-reduced-motion:reduce){.course-card,.course-image{transition:none}.course-card:hover,.course-card:hover .course-image{transform:none}}.dark-mode .course-title{color:#f3f3f3}.dark-mode .course-card{background-color:#333;border-color:#555}.dark-mode .course-card:hover{border-color:#ff9000;box-shadow:0 0 0 1px #ff900066,0 8px 24px #ff900047}.dark-mode .course-expiration{color:#bbb}