.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.cat{min-height:88px;border-radius:14px;color:#fff;padding:18px;font-size:28px;box-shadow:var(--shadow);transition:.25s}.cat b,.cat small{display:block;font-size:16px}.cat small{font-size:12px;opacity:.9}.pink{background:linear-gradient(135deg,#ff2d7a,#ff1493)}.orange{background:linear-gradient(135deg,#ffb02e,#ff6a00)}.red{background:linear-gradient(135deg,#ff4141,#ff7020)}.purple{background:linear-gradient(135deg,#9b35ff,#6d28d9)}.blue{background:linear-gradient(135deg,#3bb2ff,#1769ff)}.green{background:linear-gradient(135deg,#20d3a2,#00a890)}.cat:hover,.program-grid article:hover,.dj-card:hover{transform:translateY(-4px)}.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.program-grid article{height:160px;position:relative;border-radius:16px;overflow:hidden;color:#fff;box-shadow:var(--shadow);transition:.25s}.program-grid img{width:100%;height:100%;object-fit:cover}.program-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.1),rgba(255,20,147,.72))}.program-grid button{position:absolute;z-index:2;left:20px;bottom:22px;width:54px;height:54px;border:0;border-radius:50%;background:#6f3bdf;color:#fff;font-size:22px}.program-grid h3,.program-grid p{position:absolute;z-index:2;left:92px;right:12px}.program-grid h3{bottom:62px;margin:0}.program-grid p{bottom:24px;margin:0;font-size:13px}.list-card{display:grid;gap:14px}.list-row{display:grid;grid-template-columns:84px 1fr auto;align-items:center;gap:16px;border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff}.list-row img{width:84px;height:84px;border-radius:14px;object-fit:cover}.badge{background:var(--hot);color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.dj-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.dj-card{overflow:hidden;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);transition:.25s}.dj-card img{width:100%;height:220px;object-fit:cover}.dj-card .body{padding:20px}.dj-card h3{font-size:24px;margin:0 0 6px}.dj-card p{color:var(--muted);line-height:1.6}.dj-card .social{color:var(--pink);font-weight:900}
