.course-card[data-v-3c2fbb5f]{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 12px #172b4d03;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s}.course-card[data-v-3c2fbb5f]:focus-within,.course-card[data-v-3c2fbb5f]:hover{border-color:#cfddf7;box-shadow:0 14px 32px #172b4d0d;transform:translateY(-4px)}.course-cover[data-v-3c2fbb5f]{aspect-ratio:16/9;background:var(--brand-soft);display:block;overflow:hidden;position:relative}.course-cover[data-v-3c2fbb5f] .image-placeholder,.course-cover[data-v-3c2fbb5f] img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .35s;width:100%}.course-card:hover .course-cover[data-v-3c2fbb5f] img{transform:scale(1.035)}.cover-action[data-v-3c2fbb5f]{align-items:center;background:#12274259;color:#fff;display:flex;font-size:13px;font-weight:500;gap:10px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.course-card:focus-within .cover-action[data-v-3c2fbb5f],.course-card:hover .cover-action[data-v-3c2fbb5f]{opacity:1}.free-tag[data-v-3c2fbb5f]{background:#ffffffed;border-radius:5px;box-shadow:0 2px 8px #0000000a;color:#18764f;font-size:11px;font-weight:600;left:12px;padding:4px 9px;position:absolute;top:12px}.card-body[data-v-3c2fbb5f]{padding:18px 18px 16px}.course-title[data-v-3c2fbb5f]{display:-webkit-box;font-size:16px;font-weight:600;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--ink);height:3.3em;line-height:1.65;margin:0 0 18px;overflow:hidden}.course-card a:hover .course-title[data-v-3c2fbb5f]{color:var(--brand)}.card-bottom[data-v-3c2fbb5f]{align-items:center;border-top:1px solid #f0f3f8;display:flex;gap:6px;justify-content:space-between;padding-top:14px}.card-bottom>div[data-v-3c2fbb5f]{align-items:baseline;display:flex;flex-wrap:wrap;gap:5px;min-width:0}.price[data-v-3c2fbb5f]{color:#c24e28;font-size:21px;font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:-.4px}.price.free[data-v-3c2fbb5f]{color:#18764f}del[data-v-3c2fbb5f]{color:var(--muted);font-size:11px}.card-bottom[data-v-3c2fbb5f] .collect-button{padding-right:0}@media(max-width:1100px){.card-body[data-v-3c2fbb5f]{padding:20px}.course-title[data-v-3c2fbb5f]{font-size:17px}}