.level-beginner{--level-color:var(--accent-ok)}.level-intermediate{--level-color:var(--theme-color3)}.level-advanced{--level-color:var(--theme-color1)}.course-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition), transform var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.course-card:hover{border-color:var(--accent-line);transform:translateY(-3px)}.course-card__img{aspect-ratio:16/9;display:block;position:relative;overflow:hidden}.course-card__img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.course-card:hover .course-card__img img{transform:scale(1.05)}.course-card__level{font-size:var(--fs-2xs);border-radius:var(--radius-pill);color:var(--n-12);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030303b3;padding:.25rem .65rem;font-weight:600;position:absolute;top:.75rem;left:.75rem}.course-card__badge{font-size:var(--fs-2xs);border-radius:var(--radius-pill);background:var(--accent);color:var(--lhi-accent-fg);padding:.25rem .65rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.course-card__body{flex-direction:column;gap:.6rem;padding:1.1rem 1.2rem 1.3rem;display:flex}.course-card__meta{font-size:var(--fs-xs);color:var(--text-muted);flex-wrap:wrap;gap:.2rem .9rem;list-style:none;display:flex}.course-card__meta li{align-items:center;gap:.35rem;display:flex}.course-card__title{font-size:var(--fs-lg);line-height:var(--lh-snug)}.course-card__title a{color:var(--text-primary)}.course-card__title a:hover{color:var(--accent)}.course-card__text{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.course-card__foot{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:.3rem;padding-top:.75rem;display:flex}.course-card__price{font-weight:700;font-size:var(--fs-md);color:var(--accent);align-items:baseline;gap:.4rem;display:flex}.course-card__price-original{font-weight:400;font-size:var(--fs-xs);color:var(--text-muted);text-decoration:line-through}.read-more{font-size:var(--fs-sm);color:var(--text-secondary);align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.read-more i{transition:transform var(--dur-2) var(--ease-out)}.read-more:hover{color:var(--accent)}.read-more:hover i{transform:translate(3px,-3px)}.course-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr));gap:1.25rem;display:grid}