.course-related{border-top:1px solid #0000001f;background:#f8fafc;padding:40px 24px 56px}.course-related-inner{max-width:1320px;margin:0 auto}.course-related-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:24px}.course-related-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0}.course-related-viewall{display:inline-flex;align-items:center;gap:4px;font-size:.9rem;font-weight:600;color:#1694f4;text-decoration:none;white-space:nowrap}.course-related-viewall:hover{text-decoration:underline}.course-related-viewall svg{font-size:16px}.course-related-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.course-related-card{display:flex;flex-direction:column;height:100%;text-decoration:none;background:#fff;border:1px solid #0000001f;border-radius:14px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.course-related-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #0f172a1f}.course-related-card:hover .course-related-img{transform:scale(1.05)}.course-related-media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#eef2f7}.course-related-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.course-related-badge{position:absolute;top:10px;left:10px;border-radius:999px;padding:4px 11px;font-weight:700;font-size:.78rem;letter-spacing:.01em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.course-related-badge.is-free{background:#059669f2;color:#fff}.course-related-badge.is-paid{background:#fffffff2;color:#0f172a}.course-related-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}.course-related-name{margin:0;font-weight:700;font-size:.975rem;color:#0f172a;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.73em}.course-related-cta{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;color:#1694f4}.course-related-cta svg{font-size:15px}@media (max-width:959px){.course-related{padding:28px 16px 40px}.course-related-title{font-size:1.25rem}}@media (max-width:599px){.course-related-grid{grid-template-columns:1fr;gap:16px}.course-related-head{margin-bottom:16px}.course-related-viewall{display:none}}