.course-hero-strip{padding:160px 0 60px;text-align:center}.course-hero-strip__title{font-size:clamp(2rem,4vw,2.75rem);font-weight:700;color:var(--text-primary);letter-spacing:-0.02em;margin:0 0 1rem 0}.course-hero-strip__lead{font-size:1.1rem;line-height:1.6;color:var(--text-secondary);max-width:600px;margin:0 auto}.course-filter-bar{margin-bottom:3rem}.course-filter-bar__inner{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:50px;padding:0.75rem 1.25rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);width:100%;box-sizing:border-box}.course-filter-row{display:flex;flex-wrap:wrap;flex-direction:column;gap:0.75rem;align-items:stretch;min-width:0}@media (min-width:992px){.course-filter-row{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}}.course-filter-group{display:flex;flex-wrap:wrap;gap:0.5rem;flex:1 1 auto;min-width:0}@media (min-width:992px){.course-filter-group{flex:0 0 auto;min-width:35%}}.course-select{flex:1;min-width:140px;background:transparent;border:none;color:var(--text-primary);padding:0.6rem 1rem;font-size:0.95rem;border-radius:var(--radius-pill);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a1a1aa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:12px 10px;padding-right:2rem}.course-select:focus{outline:none;border-color:var(--brand-color)}.course-select option{background:var(--bg-base);color:var(--text-primary)}.course-filter-group .course-select:not(:first-child){border-left:1px solid var(--border-subtle);border-radius:0}.course-search-wrap{position:relative;flex:1 1 100%;min-width:0;max-width:100%}@media (min-width:992px){.course-search-wrap{flex:1 1 280px;min-width:200px;max-width:100%}}.course-search-wrap .course-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.course-search-input{width:100%;min-width:0;max-width:100%;box-sizing:border-box;background:rgba(255,255,255,0.03);border:none;color:var(--text-primary);padding:15px 10px 15px 50px;font-size:0.95rem;border-radius:var(--radius-pill);transition:var(--transition)}.course-search-input::placeholder{color:var(--text-secondary)}.course-search-input:focus{outline:none;background:rgba(255,255,255,0.05)}.course-featured{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-card);overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 50px rgba(0,0,0,0.5);transition:var(--transition)}.course-featured:hover{border-color:var(--border-hover)}.course-featured__layout{display:grid;grid-template-columns:1fr;min-height:350px}@media (min-width:992px){.course-featured__layout{grid-template-columns:7fr 5fr}}.course-featured__media{position:relative;min-height:280px}.course-featured__media.js-inline-preview-player{cursor:pointer}@media (min-width:992px){.course-featured__media{min-height:350px}}.course-featured__img{width:100%;height:100%;min-height:280px;object-fit:cover}@media (min-width:992px){.course-featured__img{min-height:350px}}.course-featured__body{padding:1.5rem;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(to right,rgba(10,10,10,1),rgba(20,20,20,0.8))}@media (min-width:992px){.course-featured__body{padding:2rem 2.5rem}}.course-badge{position:absolute;top:1rem;right:1rem;z-index:2;background:rgba(25,25,25,0.85);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);color:var(--text-primary);padding:0.35rem 0.75rem;border-radius:var(--radius-pill);font-size:0.75rem;font-weight:600;letter-spacing:0.5px;text-transform:uppercase}.course-badge--online{color:var(--brand-color);border-color:rgba(55,189,138,0.3)}.course-card__badge-group{position:absolute;top:1rem;right:1rem;z-index:2;display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:flex-end;align-items:flex-start;max-width:calc(100% - 2rem);pointer-events:none}.course-card__badge-group .course-badge{position:static;top:auto;right:auto}.course-badge--coming-soon{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:rgba(245,158,11,0.45);color:#0a0a0a}.course-badge--pre-enroll{background:linear-gradient(135deg,#10b981,#059669);border-color:rgba(16,185,129,0.45);color:#fff}.course-badge--new-arrival{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:rgba(139,92,246,0.45);color:#fff}.course-featured__rating{display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem;color:var(--brand-color)}.course-featured__rating span:last-child{color:var(--text-secondary);font-size:0.85rem}.course-featured__title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem 0;letter-spacing:-0.02em}.course-featured__desc{color:var(--text-secondary);line-height:1.6;margin:0 0 1.5rem 0}.course-featured__meta-row{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;color:var(--text-secondary);font-size:0.9rem}.course-featured__meta-row i{margin-right:0.5rem}.course-featured__footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.course-featured__price{margin-right:auto}.course-featured__price-current{font-size:1.4rem;font-weight:700;color:var(--text-primary)}.course-featured__price-old{text-decoration:line-through;font-size:0.9rem;color:var(--text-secondary);margin-left:0.5rem}.course-grid-empty{text-align:center;padding:3rem 1.5rem;margin-bottom:3rem;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-card)}.course-grid-empty__text{margin:0;color:var(--text-secondary);font-size:1rem}.course-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}@media (min-width:768px){.course-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.course-grid{grid-template-columns:repeat(3,1fr)}}.course-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column;height:100%}.course-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:0 10px 40px rgba(0,0,0,0.4)}.course-card__media{position:relative}.course-card__media.js-inline-preview-player{cursor:pointer}.course-card__img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-bottom:1px solid var(--border-subtle)}.course-card__preview-iframe{width:100%;aspect-ratio:16 / 9;height:auto;display:block;border:0;background:#000;border-bottom:1px solid var(--border-subtle)}.course-featured__preview-iframe{width:100%;height:100%;min-height:280px;display:block;border:0;background:#000}@media (min-width:992px){.course-featured__preview-iframe{min-height:350px}}.course-card__preview-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.28);transition:background 0.25s ease;pointer-events:none}.course-card__preview-play{width:68px;height:68px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(18,18,18,0.78);border:1px solid rgba(255,255,255,0.25);color:#fff;font-size:1.3rem;padding-left:4px;box-shadow:0 14px 30px rgba(0,0,0,0.45);transition:transform 0.2s ease,background 0.2s ease,color 0.2s ease,border-color 0.2s ease}.course-card__media.js-inline-preview-player:hover .course-card__preview-overlay,.course-featured__media.js-inline-preview-player:hover .course-card__preview-overlay{background:rgba(0,0,0,0.14)}.course-card__media.js-inline-preview-player:hover .course-card__preview-play,.course-featured__media.js-inline-preview-player:hover .course-card__preview-play{background:var(--brand-color);border-color:var(--brand-color);color:var(--bg-base);transform:scale(1.08)}.course-card__body{padding:1.25rem;flex:1;display:flex;flex-direction:column}.course-card__title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 0.35rem 0;line-height:1.3}.course-card__benefit{font-size:0.9rem;color:var(--text-secondary);margin:0 0 1rem 0;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.course-card__meta{font-size:0.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:0.75rem;margin-bottom:0.5rem}.course-card__meta .course-star{color:var(--brand-color)}.course-card__meta-row{font-size:0.85rem;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:1rem}.course-card__footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-subtle)}.course-card__price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem}.course-card__price-current{font-size:1.4rem;font-weight:700;color:var(--text-primary)}.course-card__price-old{text-decoration:line-through;font-size:0.9rem;color:var(--text-secondary);margin-left:0.5rem}.course-card__actions{display:flex;gap:0.5rem}.course-card__btn{flex:1;padding:0.75rem 1rem;font-size:0.85rem;border-radius:var(--radius-pill);font-weight:500;text-align:center;transition:var(--transition);border:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.course-card__btn:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.2);color:var(--text-primary)}.course-card__btn--primary{background:var(--brand-color);border-color:var(--brand-color);color:var(--bg-base);flex:0 1 auto;padding:0.5rem 1.25rem}.course-card__btn--primary:hover{background:var(--brand-color-hover);border-color:var(--brand-color-hover);color:var(--bg-base);transform:scale(1.02)}.course-load-more-wrap{text-align:center;margin-bottom:3rem}.course-load-more-btn{padding:0.75rem 2rem;font-size:0.95rem;font-weight:600;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:0.5rem}.course-load-more-btn:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.2)}.course-trust-strip{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:rgba(5,5,5,0.5);padding:1.5rem 0}.course-trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;text-align:center}@media (min-width:768px){.course-trust-grid{grid-template-columns:repeat(4,1fr);text-align:left}}.course-trust-item{display:flex;align-items:center;gap:0.75rem;color:var(--text-secondary);font-size:0.9rem;font-weight:500;justify-content:center}@media (min-width:768px){.course-trust-item{justify-content:flex-start}}.course-trust-item i{color:var(--brand-color);font-size:1.2rem}.course-fade-in{opacity:0;transform:translateY(20px);animation:courseFadeInUp 0.8s cubic-bezier(0.25,0.8,0.25,1) forwards}.course-fade-in--delay-1{animation-delay:0.1s}.course-fade-in--delay-2{animation-delay:0.2s;padding-bottom:30px}.course-fade-in--delay-3{animation-delay:0.3s}@keyframes courseFadeInUp{to{opacity:1;transform:translateY(0)}}.cs-pre-meta{display:flex;flex-wrap:wrap;gap:0.5rem;margin:0.75rem 0 0}.cs-pre-meta__chip{display:inline-flex;align-items:center;gap:0.35rem;font-weight:600;font-size:0.75rem;padding:0.35rem 0.65rem;border-radius:999px;background:rgba(15,23,42,0.55);border:1px solid rgba(148,163,184,0.25);color:var(--text-secondary)}.cs-pre-meta__chip i{font-size:0.7rem;opacity:0.9}.cs-pre-meta__chip--warn{border-color:rgba(245,158,11,0.45);color:#fbbf24;background:rgba(245,158,11,0.1)}.cs-pre-meta__chip--bad{border-color:rgba(248,113,113,0.45);color:#fca5a5;background:rgba(239,68,68,0.1)}a.course-card__btn.course-card__btn--primary,a.course-card__btn{gap:10px;padding:14px 20px}