.sx-courses-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.sx-course-card{position:relative;display:flex;flex-direction:column;background:#ffffff;border:1.5px solid #edf0f7;border-radius:22px;overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;box-shadow:0 4px 18px rgba(0,0,0,.025)}.sx-course-card.cc{display:flex;width:100%;height:100%;color:var(--home-ink,#17231f);text-align:left;text-decoration:none;font-family:var(--font-body),"Outfit",system-ui,sans-serif}button.sx-course-card{padding:0;cursor:pointer;font:inherit}.sx-course-card:focus-visible{outline:3px solid #16735e;outline-offset:4px}.sx-course-card:hover{transform:translateY(-4px);border-color:#1e1e24;box-shadow:0 16px 36px -8px rgba(30,30,36,.12)}.sx-course-media{position:relative;display:block;margin:12px 12px 0;border-radius:16px;overflow:hidden;aspect-ratio:16/10;background:#1e1e24;text-decoration:none}.sx-course-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.16,1,.3,1)}.sx-course-card:hover .sx-course-thumb{transform:scale(1.04)}.sx-course-card.is-upcoming .sx-course-thumb{filter:grayscale(.85) contrast(.95)}.sx-course-thumb-blank{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#1e1e24,#2a2a36);color:#d8fa55}.sx-course-media-badges{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none;z-index:2}.sx-badge-rating{display:inline-flex;align-items:center;gap:5px;background:rgba(18,19,22,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffff;font-family:var(--font-body),"Outfit",sans-serif;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12)}.sx-rating-cnt{color:#a0a5b8;font-size:10.5px;font-weight:500}.sx-badge-status{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-body),"Outfit",sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 9px;border-radius:999px}.sx-badge-status.is-upcoming{background:#1e1e24;color:#ffffff;border:1px solid rgba(255,255,255,.2)}.sx-badge-status.is-popular{background:#ffffff;color:#1e1e24;border:1px solid #edf0f7}.sx-badge-discount{background:#d8fa55;color:#121316;border-radius:999px;border:1px solid rgba(0,0,0,.1)}.sx-badge-discount,.sx-badge-free{display:inline-flex;align-items:center;font-family:var(--font-body),"Outfit",sans-serif;font-size:11px;font-weight:800;padding:4px 8px}.sx-badge-free{background:#22c55e;color:#ffffff;text-transform:uppercase;border-radius:999px}.sx-course-body{display:flex;flex-direction:column;padding:16px 20px 20px;flex:1 1}.sx-course-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-family:var(--font-body),"Outfit",sans-serif;font-size:12px;color:#64748b;margin-bottom:8px}.sx-course-meta .sx-rating-empty,.sx-course-meta .sx-rating-value{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.sx-course-meta .sx-rating-value{color:#826313}.sx-course-meta .sx-rating-empty{color:var(--home-muted,#66716b)}.sx-meta-item{display:inline-flex;align-items:center;gap:5px}.sx-course-title{font-family:var(--font-display),"Outfit",sans-serif;font-size:19px;font-weight:800;line-height:1.25;letter-spacing:-.02em;color:#1e1e24;margin:0 0 8px}.sx-course-title a{color:inherit;text-decoration:none;transition:color .2s}.sx-course-title a:hover{color:#0f172a}.sx-course-desc{font-size:13.5px;color:#64748b;line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1 1}.sx-course-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;margin-top:auto;border-top:1px dashed #e2e8f0}.sx-course-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.sx-price-val{font-family:var(--font-display),"Outfit",sans-serif;font-size:21px;font-weight:800;letter-spacing:-.03em;color:#1e1e24}.sx-price-old{font-size:13px;color:#94a3b8;text-decoration:line-through}.sx-price-upcoming{font-size:13px;font-weight:600;color:#64748b}.sx-price-free{font-family:var(--font-display),"Outfit",sans-serif;font-size:19px;font-weight:800;color:#15803d}.sx-course-action{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body),"Outfit",sans-serif;font-size:13.5px;font-weight:700;color:#1e1e24;text-decoration:none;white-space:nowrap;transition:color .2s}.sx-course-action-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#d8fa55;color:#121316;transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .2s}.sx-course-card:hover .sx-course-action-arrow{transform:translate(2px,-2px);background:#ccf035}.sx-course-card{border:1px solid var(--home-line,#e7ece9);border-radius:14px;box-shadow:none}.sx-course-card:hover{border-color:#bad4c5;box-shadow:0 18px 40px #17231f12}.sx-course-media{margin:8px 8px 0;border-radius:9px}.sx-course-desc{color:var(--home-muted,#66716b)}.sx-course-foot{border-top:1px solid var(--home-line,#e7ece9)}.sx-course-action-arrow{background:#e8f3ec;color:var(--home-green,#16735e)}.sx-course-card:hover .sx-course-action-arrow{background:#d7e9dd}.sx-course-card.cc-row{grid-template-columns:minmax(220px,340px) minmax(0,1fr) 44px;align-items:stretch;display:grid}.sx-course-card.cc-row .sx-course-media{min-height:200px;aspect-ratio:16/10}.sx-course-card.cc-row .sx-course-body{justify-content:center}.sx-course-card.cc-row .sx-course-title{font-size:clamp(24px,2.4vw,30px)}.sx-course-foot.cc-progress{flex-direction:column;align-items:stretch;gap:8px;border-top:0}.sx-course-foot.cc-progress .cc-progress-label{display:flex;justify-content:space-between;color:var(--home-muted,#66716b);font-size:13px}.sx-course-foot.cc-progress .cc-progress-label strong{color:var(--home-green,#16735e);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sx-course-foot.cc-progress .cc-bar{height:7px;overflow:hidden;border-radius:999px;background:#e5ece7}.sx-course-foot.cc-progress .cc-bar span{display:block;height:100%;border-radius:inherit;background:var(--home-green,#16735e)}@media (max-width:1024px){.sx-courses-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.sx-courses-grid{gap:16px}.sx-course-card.cc-row,.sx-courses-grid{grid-template-columns:minmax(0,1fr)}.sx-course-card.cc-row .sx-course-media{min-height:0}}