/* COURSES */
.courses-section{background:var(--color-gray-light);}
.courses-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,0.06);}
.filter-btn{padding:8px 20px;border-radius:100px;border:1.5px solid rgba(0,0,0,0.1);background:#fff;font-size:0.88rem;font-weight:500;color:var(--color-gray-dark);cursor:pointer;transition:var(--transition);font-family:var(--font-primary);}
.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary);}
.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600;}
.courses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:48px;}
.course-card{background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);display:flex;flex-direction:column;}
.course-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}
.course-card__link{display:block;flex:1;}
.course-card__thumb{position:relative;aspect-ratio:16/9;overflow:hidden;}
.course-thumb-gradient{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform 0.5s ease;}
.course-card:hover .course-thumb-gradient{transform:scale(1.05);}
.course-thumb-icon{font-size:3.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3));}
.course-badge{position:absolute;top:12px;left:12px;background:var(--color-primary);color:white;font-size:0.72rem;font-weight:700;padding:3px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:0.5px;}
.course-card__overlay{position:absolute;inset:0;background:rgba(28,43,110,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition);}
.course-card:hover .course-card__overlay{opacity:1;}
.course-card__play{width:52px;height:52px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;transform:scale(0.8);transition:var(--transition);}
.course-card:hover .course-card__play{transform:scale(1);}
.course-card__body{padding:18px 18px 8px;flex:1;}
.course-card__meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.course-cat{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px;color:var(--color-gray-mid);font-weight:600;}
.course-level{font-size:0.75rem;font-weight:600;}
.course-card__title{font-size:0.95rem;font-weight:700;line-height:1.4;color:var(--color-black);margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.course-card__instructor{font-size:0.8rem;color:var(--color-gray-mid);margin-bottom:8px;}
.course-card__rating{display:flex;align-items:center;gap:6px;margin-bottom:12px;}
.stars{display:flex;align-items:center;gap:1px;}
.star{font-size:0.85rem;}
.star--full{color:#FFD700;}.star--half{color:#FFD700;opacity:0.6;}.star--empty{color:#D0D7E3;}
.stars__value{font-size:0.8rem;font-weight:700;color:var(--color-black);margin-left:4px;}
.rating-count{font-size:0.75rem;color:var(--color-gray-mid);}
.course-card__footer{display:flex;align-items:center;justify-content:space-between;}
.course-card__info{display:flex;gap:12px;}
.course-card__info span{font-size:0.78rem;color:var(--color-gray-mid);}
.price-amount{font-size:1rem;font-weight:700;color:var(--color-secondary);}
.course-card__cta{width:calc(100% - 36px);margin:12px 18px 18px;justify-content:center;opacity:0;transform:translateY(8px);transition:var(--transition);}
.course-card:hover .course-card__cta{opacity:1;transform:translateY(0);}
.courses-cta{margin-top:8px;}
.courses-cta .btn{margin-bottom:12px;}
.courses-cta__note{font-size:0.85rem;color:var(--color-gray-mid);}
/* Features */
.features-section{background:#fff;}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.feature-card{padding:32px 28px;border-radius:var(--radius-md);border:1.5px solid rgba(0,0,0,0.06);transition:var(--transition);}
.feature-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-4px);}
.feature-card__icon{width:68px;height:68px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.feature-card__title{font-size:1.05rem;margin-bottom:10px;color:var(--color-black);}
.feature-card__desc{font-size:0.9rem;color:var(--color-gray-dark);line-height:1.65;}
/* Paths */
.paths-section{background:var(--color-secondary);}
.paths-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.path-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column;}
.path-card:hover{transform:translateY(-6px);border-color:var(--color-primary);box-shadow:var(--shadow-blue);}
.path-card__header{padding:32px;display:flex;align-items:center;justify-content:center;}
.path-card__icon{font-size:3rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.2));}
.path-card__body{padding:20px;flex:1;}
.path-card__body h3{color:white;font-size:1rem;margin-bottom:6px;}
.path-level{font-size:0.75rem;color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:0.5px;display:block;margin-bottom:14px;}
.path-meta{display:flex;gap:16px;margin-bottom:16px;}
.path-meta span{font-size:0.82rem;color:rgba(255,255,255,0.55);}
.path-cta{font-size:0.85rem;font-weight:600;color:var(--color-primary);}
/* Testimonials */
.testimonials-section{background:var(--color-gray-light);}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.testimonial-card{background:white;border-radius:var(--radius-md);padding:28px;box-shadow:var(--shadow-sm);border:1.5px solid transparent;transition:var(--transition);}
.testimonial-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-4px);}
.testimonial-text{font-size:0.92rem;color:var(--color-gray-dark);line-height:1.7;margin-bottom:20px;font-style:italic;border:none;padding:0;}
.testimonial-author{display:flex;align-items:center;gap:12px;}
.testimonial-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:white;flex-shrink:0;}
.testimonial-name{display:block;font-size:0.9rem;color:var(--color-black);font-weight:700;}
.testimonial-role{display:block;font-size:0.78rem;color:var(--color-gray-mid);}
@media(max-width:1280px){.courses-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:900px){.courses-grid,.features-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr);}.paths-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.courses-grid,.features-grid,.testimonials-grid,.paths-grid{grid-template-columns:1fr;}}