.CourseCard-module__-B30sG__card{color:inherit;background:#fff;border:1px solid #3250a01a;border-radius:16px;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a}.CourseCard-module__-B30sG__card:hover{border-color:#3250a033;transform:translateY(-4px);box-shadow:0 12px 24px #3250a026,0 4px 8px #00000014}.CourseCard-module__-B30sG__card:focus-visible{outline:none;box-shadow:0 0 0 3px #4169e14d,0 12px 24px #3250a026}.CourseCard-module__-B30sG__compact{flex-direction:row}.CourseCard-module__-B30sG__compact .CourseCard-module__-B30sG__thumbnailContainer{width:140px;min-height:100px}.CourseCard-module__-B30sG__featured{border:2px solid #4169e1}.CourseCard-module__-B30sG__featured:before{content:"⭐ Featured";color:#fff;z-index:10;background:linear-gradient(135deg,#4169e1 0%,#3b5998 100%);padding:4px 40px;font-size:11px;font-weight:600;position:absolute;top:12px;left:-30px;transform:rotate(-45deg)}.CourseCard-module__-B30sG__thumbnailContainer{background:linear-gradient(135deg,#e8eef8 0%,#f0f4f8 100%);width:100%;height:180px;position:relative;overflow:hidden}.CourseCard-module__-B30sG__thumbnail{object-fit:cover;opacity:0;transition:transform .5s,opacity .3s}.CourseCard-module__-B30sG__thumbnail.CourseCard-module__-B30sG__loaded{opacity:1}.CourseCard-module__-B30sG__card:hover .CourseCard-module__-B30sG__thumbnail{transform:scale(1.05)}.CourseCard-module__-B30sG__placeholderThumbnail{background:linear-gradient(135deg,#e8eef8 0%,#dce6f5 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.CourseCard-module__-B30sG__placeholderIcon{opacity:.5;font-size:48px}.CourseCard-module__-B30sG__badgeContainer{z-index:5;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:12px;left:12px;right:12px}.CourseCard-module__-B30sG__levelBadge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block;box-shadow:0 2px 8px #0003}.CourseCard-module__-B30sG__priceBadge{color:#1a1f36;background:#fffffff2;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-block;box-shadow:0 2px 8px #00000026}.CourseCard-module__-B30sG__priceBadge.CourseCard-module__-B30sG__free{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.CourseCard-module__-B30sG__hoverOverlay{opacity:0;background:linear-gradient(#0000 0%,#4169e1e6 100%);justify-content:center;align-items:flex-end;padding-bottom:20px;transition:opacity .3s;display:flex;position:absolute;inset:0}.CourseCard-module__-B30sG__card:hover .CourseCard-module__-B30sG__hoverOverlay{opacity:1}.CourseCard-module__-B30sG__viewCourse{color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:600}.CourseCard-module__-B30sG__content{flex-direction:column;flex:1;padding:20px;display:flex}.CourseCard-module__-B30sG__category{color:#4169e1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:inline-block}.CourseCard-module__-B30sG__title{color:#1a1f36;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.CourseCard-module__-B30sG__description{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0 0 16px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.CourseCard-module__-B30sG__footer{border-top:1px solid #3250a01a;flex-direction:column;gap:12px;padding-top:16px;display:flex}.CourseCard-module__-B30sG__instructor{align-items:center;gap:8px;display:flex}.CourseCard-module__-B30sG__instructorIcon{font-size:16px}.CourseCard-module__-B30sG__instructorName{color:#475569;font-size:13px;font-weight:500}.CourseCard-module__-B30sG__tags{flex-wrap:wrap;gap:6px;display:flex}.CourseCard-module__-B30sG__tag{color:#4169e1;background:#4169e114;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-block}.CourseCard-module__-B30sG__tagMore{color:#64748b;padding:4px 8px;font-size:11px;font-weight:500;display:inline-block}@media (max-width:640px){.CourseCard-module__-B30sG__thumbnailContainer{height:160px}.CourseCard-module__-B30sG__content{padding:16px}.CourseCard-module__-B30sG__title{font-size:16px}}