.page-hero{background:linear-gradient(#f2e7fa 0%,#0000 100%);padding:56px 0 36px}.page-hero h1{font-size:clamp(36px,5vw,56px)}.page-hero em{font-family:var(--ps-font-display);color:var(--ps-primary);font-style:italic;font-weight:400}.page-hero .lead{color:var(--ps-muted);max-width:640px;margin-top:16px;font-size:18px}.search-bar{border:1px solid var(--ps-line);border-radius:var(--r-pill);max-width:600px;box-shadow:var(--sh-sm);background:#fff;gap:8px;margin-top:28px;padding:6px;display:flex}.search-bar input{color:var(--ps-text);background:0 0;border:none;outline:none;flex:1;padding:0 14px;font-size:15px}.layout{grid-template-columns:260px 1fr;gap:40px;display:grid}.filter-sidebar{align-self:flex-start;position:sticky;top:92px}.filter-block{margin-bottom:16px;padding:20px}.filter-block h5{letter-spacing:.04em;text-transform:uppercase;color:var(--ps-secondary);margin:0 0 14px;font-size:13px;font-weight:600}.filter-list{flex-direction:column;gap:8px;display:flex}.filter-list label{cursor:pointer;justify-content:space-between;align-items:center;padding:4px 0;font-size:14px;display:flex}.filter-list label input{accent-color:var(--ps-primary);margin-right:8px}.filter-list .lname{align-items:center;display:flex}.filter-list .lcount{color:var(--ps-muted);font-size:12px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.toolbar .res-count{color:var(--ps-muted);font-size:14px}.toolbar select.sort{border:1px solid var(--ps-line);border-radius:var(--r-pill);background:var(--ps-white) url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22 fill=%22none%22 aria-hidden=\"true\"><path d=%22M3 4.5L6 7.5L9 4.5%22 stroke=%22%231A1618%22 stroke-width=%221.5%22 stroke-linecap=%22round%22/></svg>") no-repeat right 14px center;appearance:none;height:38px;padding:0 36px 0 14px;font-family:inherit;font-size:13.5px}.course-card{flex-direction:column;display:flex;overflow:hidden}.course-card .cimg{aspect-ratio:16/10;width:100%;position:relative;overflow:hidden}.course-card .cimg .cimg-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.course-card .cimg .label{border-radius:var(--r-pill);color:var(--ps-secondary);background:#ffffffeb;padding:4px 10px;font-size:11.5px;font-weight:600;position:absolute;top:12px;left:12px}.course-card .body{flex-direction:column;gap:10px;padding:18px;display:flex}.course-card h4{font-size:16px;line-height:1.3}.course-card .meta{color:var(--ps-muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.course-card .meta .dot-sep{background:var(--ps-line-strong);border-radius:50%;width:3px;height:3px}.course-card .foot{border-top:1px solid var(--ps-line);justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;display:flex}.course-card .price{font-size:17px;font-weight:600}.course-card .price.free{color:var(--ps-success)}.grad-1{background:linear-gradient(135deg,#823db3 0%,#1a1618 100%)}.grad-2{background:linear-gradient(135deg,#e0b5ff 0%,#823db3 100%)}.grad-3{background:linear-gradient(135deg,#1a1618 0%,#4a2b5c 100%)}.grad-4{background:linear-gradient(135deg,#f6f3f0 0%,#e0b5ff 100%)}.grad-5{background:linear-gradient(135deg,#ffd9b5 0%,#823db3 100%)}.grad-6{background:linear-gradient(135deg,#b5e8ff 0%,#823db3 100%)}.grad-7{background:linear-gradient(135deg,#823db3 0%,#e0b5ff 100%)}.grad-8{background:linear-gradient(135deg,#2a6fdb 0%,#1a1618 100%)}.grad-9{background:linear-gradient(135deg,#1a1618 0%,#823db3 100%)}.cimg-tag{font-family:var(--ps-font-display);color:#fffffff2;justify-content:center;align-items:center;font-size:44px;font-style:italic;display:flex;position:absolute;inset:0}.grad-4 .cimg-tag{color:var(--ps-secondary)}.pagination{justify-content:center;gap:6px;margin-top:48px;display:flex}.pagination button,.pagination a{border-radius:var(--r-md);border:1px solid var(--ps-line);cursor:pointer;background:#fff;justify-content:center;align-items:center;width:38px;height:38px;font-size:13.5px;font-weight:500;display:inline-flex}.pagination .active{background:var(--ps-secondary);color:#fff;border-color:var(--ps-secondary)}@media (max-width:900px){.layout{grid-template-columns:1fr}.filter-sidebar{position:static}}