.course-card,.popular-card{border:1px solid hsla(0,0%,48%,.18);border-radius:12px;color:#fff;padding-bottom:1rem;position:relative;transition:all .2s ease-in-out}.course-card:hover,.popular-card:hover{box-shadow:0 2px 4px #7a7a7a2e}.course-card.highlight{grid-column:span 2;overflow:hidden}.card-badge{background:var(--main-color);border-radius:20px;color:#fff;font-size:.7rem;font-weight:500;padding:3px 8px;position:absolute;right:8px;top:8px;z-index:2}@media (min-width:768px){.card-badge{font-size:.8rem;padding:4px 10px;right:12px;top:12px}}.card-image .course-image{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}.course-card:hover .card-image .course-image{transform:scale(1.05)}.card-content{display:flex;flex-direction:column;overflow:hidden;padding:20px 10px 0}.card-title,.popular-title{display:-webkit-box;font-size:14px;font-weight:600;line-height:22px;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a2340;overflow:hidden}@media (min-width:768px){.card-title,.popular-title{font-size:16px;line-height:25px}}.card-stats{display:flex;flex-wrap:wrap;gap:10px}.stat-item{align-items:center;border-radius:20px;color:#525252;display:flex;font-size:12px;gap:5px;padding:4px 8px}.card-description,.popular-summary{color:#555;display:-webkit-box!important;font-size:11px;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:54px;margin-top:8px;overflow:hidden}@media (min-width:768px){.card-description,.popular-summary{font-size:12px;height:60px;line-height:20px;margin-top:10px}}.card-progress{margin-bottom:15px}.progress-bar{background:#e0e6ef;border-radius:3px;height:6px;margin-bottom:5px;overflow:hidden}.progress-fill{background:var(--main-color);border-radius:3px;height:100%}.progress-text{color:#294269;font-size:.8rem;text-align:right}.card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tag-item{align-items:center;background:#e9eef6;border-radius:20px;color:#294269;display:flex;font-size:.8rem;gap:5px;padding:4px 10px}.view-course-btn{align-items:center;display:inline-flex;gap:5px;justify-content:center}.view-course-btn:hover{background:#7167d824;transform:translate(-5px)}.popular-courses-container{overflow:hidden;width:100%}.popular-courses-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.popular-card{overflow:hidden;transition:all .3s ease}.popular-header{align-items:center;border-bottom:1px solid #e0e6ef;display:flex;padding:12px}.popular-number{align-items:center;background:#8ad3bb;border-radius:50%;color:#213555;display:flex;font-size:.9rem;font-weight:600;height:30px;justify-content:center;margin-right:10px;width:30px}.popular-content{display:flex;padding:12px}.popular-image{border-radius:8px;height:80px;margin-right:12px;overflow:hidden;width:80px}.popular-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.popular-details{flex:1}.popular-meta{display:flex;flex-wrap:wrap;gap:10px}.popular-actions{border-top:1px solid #e0e6ef;display:flex;justify-content:flex-end;padding:12px}.popular-btn{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:5px;padding:6px 12px;text-decoration:none;transition:all .3s ease}.popular-btn,.popular-btn:hover{background:var(--main-color);color:#fff}.popular-btn:hover{transform:translate(-5px)}