.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)));min-height:100vh;background-color:var(--color-bg-primary);padding-block:var(--space-lg,1.5rem)}.courses-page__container{display:grid;grid-gap:var(--space-lg,1.5rem);gap:var(--space-lg,1.5rem)}.courses-page__back-nav{display:flex;align-items:center;gap:.625rem}.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;font-size:1.05rem;opacity:.95;max-width:56rem}.courses-page__eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--color-card-bg) 90%);padding:.3rem .7rem;border-radius:999px;margin-bottom:var(--space-sm,.75rem)}.courses-page__chips{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:var(--space-xs,.5rem)}.courses-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--space-lg,1.5rem);gap:var(--space-lg,1.5rem);margin-top:var(--space-sm,.75rem)}.courses-page__pagination{display:flex;justify-content:center;margin:var(--space-xl,2rem) 0 var(--space-lg,1.5rem)}.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{display:flex;flex-direction:column;height:100%;min-height:390px;overflow:hidden;border-radius:16px;border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);background:var(--color-card-bg,var(--color-surface))}.course-card-skeleton__image{width:100%;height:180px;flex:0 0 180px;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%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.course-card-skeleton__body{padding:1rem;display:flex;flex-direction:column;gap:.75rem;flex:1 1}.course-card-skeleton__title{height:1.2rem;border-radius:6px;width:80%}.course-card-skeleton__row,.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%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.course-card-skeleton__row{height:.85rem;border-radius:4px;width:60%}.course-card-skeleton__row--short{width:40%}.course-card-skeleton__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;gap:.75rem}.course-card-skeleton__price{height:1rem;width:3rem;border-radius:4px}.course-card-skeleton__button,.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%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.course-card-skeleton__button{height:2rem;width:5.5rem;border-radius:10px}@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{grid-template-columns:1fr;gap:var(--space-md,1rem)}.course-card-skeleton{min-height:360px}.course-card-skeleton__image{height:140px;flex-basis:140px}}