.courses-page{background:var(--color-ink-50);font-family:var(--font-body);min-height:80vh;padding-bottom:6rem}.courses-page .page-header{margin-bottom:0!important;padding-bottom:5rem}.courses-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr)}.course-card{background:#fff;border:1px solid var(--color-ink-200);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .3s}.course-card:hover{border-color:var(--color-ink-300);box-shadow:var(--shadow-md);transform:translateY(-4px)}.course-cover{align-items:center;aspect-ratio:16/9;background:var(--color-ink-100);display:flex;justify-content:center;overflow:hidden;position:relative}.course-cover img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}.course-card:hover .course-cover img{transform:scale(1.05)}.no-img{color:var(--color-ink-300)}.level-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:var(--radius-full);box-shadow:0 2px 4px #0000001a;color:var(--color-ink-800);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.course-info{display:flex;flex:1;flex-direction:column;padding:1.5rem}.course-title{color:var(--color-ink-900);font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 0 .5rem;transition:color .2s}.course-card:hover .course-title{color:var(--color-cinnabar-600)}.course-desc{color:var(--color-ink-600);display:-webkit-box;flex:1;font-size:.9375rem;-webkit-line-clamp:2;line-clamp:2;line-height:1.5;margin:0 0 1.5rem;-webkit-box-orient:vertical;overflow:hidden}.course-meta{color:var(--color-ink-500);font-size:.875rem;gap:1rem;margin-bottom:1.5rem}.course-meta,.meta-item{align-items:center;display:flex}.meta-item{gap:.375rem}.course-footer{align-items:center;border-top:1px solid var(--color-ink-100);display:flex;justify-content:space-between;padding-top:1rem}.price{color:var(--color-ink-900);font-size:1.125rem;font-weight:700}.price-free{color:var(--color-teal-600)}.view-btn{align-items:center;color:var(--color-cinnabar-600);display:flex;font-size:.875rem;font-weight:600;gap:.25rem}.course-detail-page{background:var(--color-ink-50);font-family:var(--font-body);min-height:100vh;padding-bottom:4rem}.course-hero{background:var(--color-ink-900);color:#fff;margin-bottom:-5rem;padding:4rem 0 8rem;position:relative}.hero-container{align-items:start;display:grid;gap:3rem;grid-template-columns:1.5fr 1fr}@media(max-width:900px){.hero-container{gap:2rem;grid-template-columns:1fr}.course-hero{margin-bottom:0;padding-bottom:3rem}}.back-link{align-items:center;color:var(--color-ink-400);display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;text-decoration:none;transition:color .2s}.back-link:hover{color:#fff}.course-detail-page .badges{margin-bottom:1rem}.course-detail-page .badge{background:#ffffff1a;border-radius:var(--radius-full);color:var(--color-ink-200);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.course-detail-page .badge-free{background:var(--color-teal-100);color:var(--color-teal-700);font-size:.65rem;padding:.125rem .5rem}.course-title{font-family:var(--font-display);font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.course-desc{color:var(--color-ink-300);font-size:1.125rem;line-height:1.6;margin:0 0 2rem;max-width:90%}.course-meta-top{gap:2rem}.course-meta-top,.instructor{align-items:center;display:flex}.instructor{gap:.75rem}.avatar,.avatar-placeholder{border-radius:var(--radius-full);height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.avatar-placeholder{align-items:center;background:#ffffff1a;display:flex;justify-content:center}.hero-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);color:var(--color-ink-900);overflow:hidden;transform:translateY(2rem)}@media(max-width:900px){.hero-card{transform:none}}.card-cover{align-items:center;aspect-ratio:16/9;background:var(--color-ink-100);display:flex;justify-content:center}.card-cover img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card-body{padding:2rem}.price-wrap{margin-bottom:1.5rem}.price-val{font-family:var(--font-display);font-size:2rem;font-weight:700}.text-teal{color:var(--color-teal-600)}.enrolled-msg{align-items:center;background:var(--color-teal-50);border:1px solid var(--color-teal-200);border-radius:var(--radius-md);color:var(--color-ink-700);display:flex;font-weight:600;gap:.5rem;padding:.75rem 1rem}.course-detail-page .w-full{font-size:1.125rem!important;justify-content:center;padding:1rem!important;width:100%}.mt-3{margin-top:1rem}.course-features{border-top:1px solid var(--color-ink-100);display:flex;flex-direction:column;gap:1rem;list-style:none;margin:1.5rem 0 0;padding:1.5rem 0 0}.course-features li{align-items:center;color:var(--color-ink-700);display:flex;font-size:.9375rem;gap:.75rem}.course-features svg{color:var(--color-cinnabar-500)}.course-detail-page .main-content{display:grid;gap:3rem;grid-template-columns:1.5fr 1fr;margin-top:4rem}@media(max-width:900px){.course-detail-page .main-content{grid-template-columns:1fr;margin-top:2rem}}.course-detail-page .section{margin-bottom:3rem}.course-detail-page .section-title{border-bottom:2px solid var(--color-ink-200);color:var(--color-ink-900);font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.5rem}.curriculum{display:flex;flex-direction:column;gap:1rem}.module{background:#fff;border:1px solid var(--color-ink-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.module-header{align-items:center;background:var(--color-ink-50);border-bottom:1px solid var(--color-ink-200);display:flex;justify-content:space-between;padding:1rem 1.5rem}.module-header h3{color:var(--color-ink-900);font-size:1.125rem;font-weight:600;margin:0}.lesson-count{color:var(--color-ink-500);font-size:.875rem;font-weight:500}.lesson-list{padding:.5rem 0}.lesson-item{align-items:center;border-bottom:1px solid var(--color-ink-100);display:flex;justify-content:space-between;padding:.875rem 1.5rem}.lesson-item:last-child{border-bottom:none}.lesson-title{align-items:center;color:var(--color-ink-800);display:flex;font-size:.9375rem;gap:.75rem}.icon-muted{color:var(--color-ink-400)}.lesson-duration{color:var(--color-ink-500);font-family:var(--font-mono);font-size:.8125rem}.prose{color:var(--color-ink-700);line-height:1.8}.loading-wrap{align-items:center;color:var(--color-ink-500);display:flex;font-size:1.2rem;justify-content:center;min-height:50vh}.courses-sentinel{margin-top:2rem;width:100%}.courses-page .loading-more{align-items:center;color:var(--color-ink-500);display:flex;flex-direction:column;font-family:var(--font-body);gap:1rem;padding:4rem 0}.courses-page .end-of-list{color:var(--color-ink-400);font-family:var(--font-body);font-style:italic;padding:4rem 0;position:relative;text-align:center}.courses-page .end-of-list:before{background:var(--color-ink-300);content:"";height:1px;left:50%;position:absolute;top:2rem;transform:translate(-50%);width:40px}.courses-page .spinner{animation:spin 1s linear infinite;border:2px solid var(--color-ink-200);border-radius:50%;border-top-color:var(--color-cinnabar-600);height:28px;width:28px}.courses-layout-skeleton{display:flex;flex-direction:column;gap:1.5rem;width:100%}.courses-layout-skeleton .courses-skeleton__hero{aspect-ratio:21/9;border-radius:var(--radius-xl);width:100%}.courses-layout-skeleton .courses-skeleton__mini{aspect-ratio:16/10;border-radius:var(--radius-xl);width:100%}@media(max-width:1023px){.courses-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.courses-grid{gap:1rem;grid-template-columns:1fr}}