.course-hero-cover{background:var(--color-bg-dark);border-radius:1.25rem;overflow:hidden;box-shadow:var(--shadow-lift)}.course-hero-cover img{object-fit:cover}.lesson-row-details>summary{list-style:none;cursor:pointer;transition:background-color .15s ease}.lesson-row-details>summary::marker,.lesson-row-details>summary::-webkit-details-marker{display:none}.lesson-row-details>summary:hover{background-color:color-mix(in srgb,var(--color-primary) 6%,transparent)}.lesson-row-details+.lesson-row-details{border-top:1px solid var(--color-border)}.dark .lesson-row-details+.lesson-row-details{border-top-color:#ffffff14}[data-chevron]{transition:transform .2s ease}.lesson-row-details[open]>summary [data-chevron]{transform:rotate(180deg)}.feature-row+.feature-row{border-top:1px solid var(--color-border)}.dark .feature-row+.feature-row{border-top-color:#ffffff14}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;border-radius:.75rem;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-card);border:1px solid var(--color-border);transition:background-color .15s ease,color .15s ease,border-color .15s ease}a.pagination-btn:hover{background-color:color-mix(in srgb,var(--color-primary) 8%,transparent);color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.dark .pagination-btn{background:var(--color-card-dark);border-color:#ffffff14}.pagination-btn-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.course-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:1.1rem;box-shadow:var(--shadow-card);overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1),border-color .25s ease}.course-card:hover{transform:translateY(-4px) scale(1.008);box-shadow:var(--shadow-lift);border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}.dark .course-card{background:var(--color-card-dark)}.course-card-cover{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.course-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.course-card:hover .course-card-cover img{transform:scale(1.05)}.course-card-badge{position:absolute;top:.75rem;left:.75rem;background:color-mix(in srgb,white 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-primary-dark);font-size:.6875rem;font-weight:700;letter-spacing:.02em;padding:.3rem .65rem;border-radius:9999px}.course-card-price{position:absolute;bottom:.75rem;right:.75rem;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:700;padding:.3rem .7rem;border-radius:9999px;box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 40%,transparent)}.storefront-hero{position:relative;overflow:hidden;background:#0f172a;border-bottom:1px solid rgba(255,255,255,.08)}.storefront-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 55% at 12% -15%,rgba(34,197,94,.16) 0%,transparent 65%),radial-gradient(ellipse 45% 50% at 100% 15%,rgba(22,163,74,.14) 0%,transparent 60%),radial-gradient(ellipse 50% 45% at 45% 115%,rgba(34,197,94,.08) 0%,transparent 60%);pointer-events:none}.storefront-hero:after{content:"";position:absolute;top:-22%;right:4%;width:320px;height:320px;max-width:60%;border:1px solid rgba(255,255,255,.06);border-radius:9999px;pointer-events:none}.storefront-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:44px 44px,44px 44px,22px 22px;background-position:0 0,0 0,11px 11px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 40%,transparent 90%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 40%,transparent 90%);pointer-events:none}.hero-orb{position:absolute;border-radius:9999px;filter:blur(70px);pointer-events:none}.hero-orb-1{top:-70px;left:-50px;width:220px;height:220px;background:#22c55e38}.hero-orb-2{bottom:-90px;right:-40px;width:260px;height:260px;background:#16a34a2e}.hero-shape{position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:.85rem;pointer-events:none;animation:hero-shape-float 7s ease-in-out infinite}.hero-shape-1{top:20%;left:7%;width:42px;height:42px;--r: 12deg;animation-delay:0s}.hero-shape-2{bottom:16%;left:20%;width:26px;height:26px;--r: -10deg;animation-delay:1.4s}.hero-shape-3{top:24%;right:10%;width:32px;height:32px;--r: 18deg;animation-delay:.7s}@keyframes hero-shape-float{0%,to{transform:translateY(0) rotate(var(--r, 0deg))}50%{transform:translateY(-8px) rotate(var(--r, 0deg))}}.hero-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);pointer-events:none}.hero-line-1{top:32%;left:0;width:38%;transform:rotate(-6deg)}.hero-line-2{bottom:24%;right:0;width:32%;transform:rotate(4deg)}.hero-dot{position:absolute;width:4px;height:4px;border-radius:9999px;background:var(--color-accent);box-shadow:0 0 8px 2px #22c55e80;opacity:.65;pointer-events:none}.hero-dot-1{top:18%;right:24%}.hero-dot-2{bottom:22%;left:32%}.hero-dot-3{top:58%;right:9%}@media (prefers-reduced-motion: reduce){.hero-shape{animation:none}}.brand-shimmer{background-image:linear-gradient(90deg,var(--color-accent) 0%,#ffffff 50%,var(--color-accent) 100%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:brand-shimmer 4.5s linear infinite}@keyframes brand-shimmer{to{background-position:-220% center}}@media (prefers-reduced-motion: reduce){.brand-shimmer{animation:none;background-position:0 center}}.filter-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;border-radius:9999px;font-size:.8125rem;font-weight:600;color:#cbd5e1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);white-space:nowrap;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.filter-pill:hover{color:var(--color-accent);border-color:#22c55e66;background:#22c55e1a}.filter-pill.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}