.courses-page{--primary:var(--button-accent-bg,var(--color-accent,var(--color-primary)));--primary-hover:var(--button-accent-hover-bg,var(--color-accent-hover,var(--color-primary-hover,var(--primary))));--primary-text:var(--button-accent-text,var(--color-active-text,var(--color-accent-contrast)));background-color:var(--color-bg-primary);min-height:100vh;padding-block:var(--space-lg,1.5rem)}.courses-page__container{gap:var(--space-lg,1.5rem);display:grid}.courses-page__back-nav{align-items:center;gap:.625rem;display:flex}.courses-page__hero{background:linear-gradient(135deg, color-mix(in srgb, var(--color-bg-secondary) 88%, var(--primary) 12%) 0%, var(--color-card-bg,var(--color-surface)) 100%);color:var(--color-text-primary);padding:var(--space-xl,2rem) var(--space-lg,1.5rem);border-radius:var(--radius-lg,12px);border:1px solid var(--color-border)}.courses-page__hero h1{margin:0 0 var(--space-sm,.75rem) 0;font-size:clamp(1.9rem,3.2vw,2.5rem)}.courses-page__hero p{margin:0 0 var(--space-lg,1.5rem) 0;opacity:.95;max-width:56rem;font-size:1.05rem}.courses-page__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--color-card-bg) 90%);margin-bottom:var(--space-sm,.75rem);border-radius:999px;padding:.3rem .7rem;font-size:.78rem;font-weight:700;display:inline-block}.courses-page__chips{margin-top:var(--space-xs,.5rem);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.courses-page__grid{gap:var(--space-lg,1.5rem);margin-top:var(--space-sm,.75rem);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.courses-page__pagination{margin:var(--space-xl,2rem) 0 var(--space-lg,1.5rem);justify-content:center;display:flex}.courses-page__empty{text-align:center;padding:var(--space-xl,2rem)}.courses-page__empty h3{color:var(--color-text-secondary);margin-bottom:var(--space-md,1rem)}.courses-page__empty p{color:var(--color-text-tertiary);margin-bottom:var(--space-lg,1.5rem)}.course-card-skeleton{border:1px solid color-mix(in srgb, var(--color-border) 60%, transparent);background:var(--color-card-bg,var(--color-surface));border-radius:16px;flex-direction:column;height:100%;min-height:390px;display:flex;overflow:hidden}.course-card-skeleton__image{background:linear-gradient(90deg, color-mix(in srgb, var(--color-bg-secondary) 80%, transparent) 25%, color-mix(in srgb, var(--color-bg-secondary) 60%, transparent) 50%, color-mix(in srgb, var(--color-bg-secondary) 80%, transparent) 75%);background-size:200% 100%;flex:0 0 180px;width:100%;height:180px;animation:1.4s ease-in-out infinite skeleton-shimmer}.course-card-skeleton__body{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex}.course-card-skeleton__title{background:linear-gradient(90deg, color-mix(in srgb, var(--color-bg-secondary) 80%, transparent) 25%, color-mix(in srgb, var(--color-bg-secondary) 60%, transparent) 50%, color-mix(in srgb, var(--color-bg-secondary) 80%, transparent) 75%);background-size:200% 100%;border-radius:6px;width:80%;height:1.2rem;animation:1.4s ease-in-out infinite skeleton-shimmer}.course-card-skeleton__row{background:linear-gradient(90deg, color-mix(in srgb, var(--color-bg-secondary) 80%, transparent) 25%, color-mix(in srgb, var(--color-bg-secondary) 60%, transparent) 50%, color-mix(in srgb, var(--color-bg-secondary) 80%, transparent) 75%);background-size:200% 100%;border-radius:4px;width:60%;height:.85rem;animation:1.4s ease-in-out infinite skeleton-shimmer}.course-card-skeleton__row--short{width:40%}.course-card-skeleton__footer{justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:.5rem;display:flex}.course-card-skeleton__price{background:linear-gradient(90deg, color-mix(in srgb, var(--color-bg-secondary) 80%, transparent) 25%, color-mix(in srgb, var(--color-bg-secondary) 60%, transparent) 50%, color-mix(in srgb, var(--color-bg-secondary) 80%, transparent) 75%);background-size:200% 100%;border-radius:4px;width:3rem;height:1rem;animation:1.4s ease-in-out infinite skeleton-shimmer}.course-card-skeleton__button{background:linear-gradient(90deg, color-mix(in srgb, var(--color-bg-secondary) 80%, transparent) 25%, color-mix(in srgb, var(--color-bg-secondary) 60%, transparent) 50%, color-mix(in srgb, var(--color-bg-secondary) 80%, transparent) 75%);background-size:200% 100%;border-radius:10px;width:5.5rem;height:2rem;animation:1.4s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.courses-page{padding-block:var(--space-md,1rem)}.courses-page__back-nav{gap:.5rem}.courses-page__hero{padding:var(--space-lg,1.5rem) var(--space-md,1rem)}.courses-page__grid{gap:var(--space-md,1rem);grid-template-columns:1fr}.course-card-skeleton{min-height:360px}.course-card-skeleton__image{flex-basis:140px;height:140px}}