.course-cover{height:150px;border-radius:15px;margin-bottom:14px;background:linear-gradient(135deg,#6d5dfc,#16c8bb);display:grid;place-items:center;overflow:hidden;color:white;font-size:3rem}.course-cover img,.detail-cover img,.image-preview img,.course-thumb img{width:100%;height:100%;object-fit:cover;display:block}.course-cover img{transition:transform .35s ease}.course:hover .course-cover img{transform:scale(1.06)}.detail-cover{width:min(36%,330px);min-height:185px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#8b5cf6,#06b6d4);display:grid;place-items:center;font-size:4rem;color:white}.course-detail-hero{display:flex;gap:20px;align-items:center;justify-content:space-between}.image-preview{width:100%;max-width:340px;aspect-ratio:16/9;border-radius:14px;border:1px dashed #94a3b8;background:linear-gradient(135deg,#6d5dfc,#13c6bf);color:#fff;display:grid;place-items:center;text-align:center;overflow:hidden;padding:0}.image-preview span{padding:20px}.course-thumb{width:72px;height:48px;border-radius:9px;background:linear-gradient(135deg,#6d5dfc,#14b8a6);display:grid;place-items:center;color:#fff;overflow:hidden}@media(max-width:650px){.course-detail-hero{flex-direction:column-reverse;align-items:stretch}.detail-cover{width:100%;height:190px}}@media(prefers-reduced-motion:reduce){.course-cover img{transition:none}}