.wh,.wh-course,.wh-cpage{--wh-primary:#5751e1;--wh-primary-dark:#3f39c9;--wh-secondary:#ffc224;--wh-ink:#161439;--wh-body:#6d6c80;--wh-line:#ececf4;--wh-soft:#f6f6fb;--wh-radius:20px}
.wh-course{border:1px solid var(--wh-line);border-radius:var(--wh-radius);background:#fff;flex-direction:column;transition:transform .28s,box-shadow .28s,border-color .28s;display:flex;position:relative;overflow:hidden}.wh-course:hover{border-color:#5751e159;transform:translateY(-6px);box-shadow:0 20px 44px #16143921}.wh-course__media{aspect-ratio:16/10;background:var(--wh-soft);position:relative;overflow:hidden}.wh-course__thumb{height:100%;display:block}.wh-course__media img,.wh-course__media [role=img]{object-fit:cover;object-position:left top;transform-origin:0 0;transition:transform .5s;width:100%!important;height:100%!important}.wh-course:hover .wh-course__media img{transform:scale(1.06)}.wh-course__media:after{content:"";pointer-events:none;background:linear-gradient(#16143900 0%,#1614398c 100%);height:55%;position:absolute;inset:auto 0 0}.wh-course__chip{z-index:2;text-overflow:ellipsis;white-space:nowrap;max-width:min(62%,100% - 92px);height:auto;font-family:var(--tg-heading-font-family,inherit);letter-spacing:.8px;text-transform:uppercase;color:var(--wh-ink);background:#fffffff0;border-radius:999px;align-items:center;padding:6px 12px;font-size:11px;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:block;position:absolute;bottom:13px;left:14px;overflow:hidden}.wh-course__chip:hover{background:var(--wh-primary);color:#fff}.wh-course__rating{z-index:2;color:#fff;align-items:center;gap:5px;font-size:12.5px;font-weight:700;display:inline-flex;position:absolute;bottom:13px;right:14px}.wh-course__rating svg{color:var(--wh-secondary)}.wh-course__wish{z-index:3;position:absolute;top:12px;right:12px}.wh-course__wish-btn{cursor:pointer;background:#fffffff0;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s,background .2s;display:flex;box-shadow:0 4px 14px #1614392e}.wh-course__wish-btn:hover{transform:scale(1.08)}.wh-course__wish-btn i{color:var(--wh-body);font-size:14px}.wh-course__wish-btn i.fas{color:#e74c3c}.wh-course__flag{z-index:3;font-family:var(--tg-heading-font-family,inherit);letter-spacing:.4px;color:#fff;background:#16a34a;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px}.wh-course__body{flex-direction:column;flex:1;padding:20px 22px 22px;display:flex}.wh-course__meta{color:var(--wh-body);flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 12px;padding:0;font-size:13px;list-style:none;display:flex}.wh-course__meta li{align-items:center;gap:6px;display:inline-flex}.wh-course__meta svg{color:var(--wh-primary);opacity:.75}.wh-course__title{font-family:var(--tg-heading-font-family,inherit);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.38;display:-webkit-box;overflow:hidden}.wh-course__title a{color:var(--wh-ink);text-decoration:none;transition:color .2s}.wh-course__title a:hover{color:var(--wh-primary)}.wh-course__tags{flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.wh-course__tag{letter-spacing:.2px;color:var(--wh-body);background:var(--wh-soft);border:1px solid var(--wh-line);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;padding:5px 10px;font-size:11.5px;font-weight:600;line-height:1;overflow:hidden}.wh-course__tag--more{color:var(--wh-primary);cursor:default;background:#5751e117;border-color:#0000}.wh-course__author{color:var(--wh-body);align-items:center;gap:9px;margin:0 0 18px;font-size:14px;display:flex}.wh-course__foot{border-top:1px solid var(--wh-line);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;display:flex}.wh-course__price{font-family:var(--tg-heading-font-family,inherit);color:var(--wh-ink);align-items:center;gap:6px;margin:0;font-size:19px;font-weight:700;display:inline-flex}.wh-course__price--free{color:#16a34a}.wh-course__price del{color:var(--wh-body);opacity:.75;font-size:14px;font-weight:500}.wh-course__cta{font-family:var(--tg-heading-font-family,inherit);white-space:nowrap;background:var(--wh-primary);color:#fff;border-radius:999px;align-items:center;gap:7px;padding:12px 18px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:background .2s,box-shadow .2s,color .2s;display:inline-flex}.wh-course__cta:hover{background:var(--wh-primary-dark);color:#fff;box-shadow:0 10px 20px #5751e147}.wh-course__cta--continue{background:var(--wh-secondary);color:var(--wh-ink)}.wh-course__cta--continue:hover{color:var(--wh-ink);background:#f0b016;box-shadow:0 10px 20px #ffc22461}.wh-course__cta svg{transition:transform .2s}.wh-course__cta:hover svg{transform:translate(3px)}.wh-course,.wh-course *,.wh-course :before,.wh-course :after{box-sizing:border-box}.wh-course__foot{margin-top:auto}.wh-course--list{flex-direction:row}.wh-course--list .wh-course__media{aspect-ratio:auto;flex:0 0 300px;align-self:stretch;width:300px}.wh-course--list .wh-course__thumb{height:100%}.wh-course--list .wh-course__body{padding:22px 26px 24px}.wh-course--list .wh-course__title{margin-bottom:8px;font-size:20px}.wh-course__desc{color:var(--wh-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:14.5px;line-height:1.6;display:-webkit-box;overflow:hidden}@media (max-width:767px){.wh-course--list{flex-direction:column}.wh-course--list .wh-course__media{aspect-ratio:16/10;flex:none;width:100%}.wh-course--list .wh-course__body{padding:20px 22px 22px}}@media (prefers-reduced-motion:reduce){.wh-course,.wh-course__media img,.wh-course__cta svg{transition:none}.wh-course:hover,.wh-course:hover .wh-course__media img{transform:none}}