:root{--brand:#e30613;--ink:#171827}body{color:var(--ink);background:#f6f7fb}.brand-dot{display:inline-block;width:.75rem;height:.75rem;border-radius:50%;background:var(--brand);margin-right:.5rem}.hero{color:white;background:radial-gradient(circle at 80% 20%,#b12035 0,transparent 30%),linear-gradient(135deg,#171827,#272a49)}.stat-panel{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;background:#ffffff13;padding:1.5rem;border:1px solid #ffffff25;border-radius:1rem}.stat-panel strong{font-size:2rem;color:#ff4b55}.stat-panel span{align-self:center}.filter-bar,.course-detail,.panel{background:white;padding:1.5rem;border-radius:1rem;box-shadow:0 8px 30px #1718270d}.course-card{border:0;box-shadow:0 8px 25px #17182712;transition:.2s ease;overflow:hidden}.course-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #17182725}.cover{height:90px;background:linear-gradient(135deg,var(--cover),#171827);padding:1rem;color:white;display:flex;justify-content:space-between;align-items:flex-start}.empty{padding:5rem;text-align:center;color:#777;background:white;border-radius:1rem}.page-item.active .page-link{background:var(--brand);border-color:var(--brand)}.page-link{color:var(--brand)}
.site-search{width:285px;gap:.45rem}.site-search .form-control{height:38px;min-width:0;padding:.35rem .65rem;font-size:.9rem}.site-search .btn{height:38px;padding:.35rem .75rem;font-size:.9rem;white-space:nowrap}@media(max-width:991.98px){.site-search{width:100%;margin-top:.75rem;margin-bottom:.35rem}}@media(max-width:575.98px){.navbar-brand{max-width:calc(100% - 64px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero .display-4{font-size:2.45rem;line-height:1.18}.hero{overflow:hidden}.empty{padding:3rem 1rem}}
.collection-card{display:flex;min-height:170px;flex-direction:column;gap:.55rem;padding:1.4rem;border-radius:1rem;color:white;background:linear-gradient(135deg,var(--collection),#171827);box-shadow:0 8px 25px #17182718;transition:.2s}.collection-card:hover{color:white;transform:translateY(-4px)}.collection-card strong{font-size:1.35rem}.collection-card span{opacity:.8;flex:1}.collection-card small{opacity:.75}