.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:10px;gap:10px;margin-bottom:28px}.filters input,.filters select{padding:12px 14px;border:1px solid #c9d2e0;border-radius:12px;font-size:16px;background:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.scard{border:1px solid #e3e8f0;border-radius:22px;padding:22px;background:#fff;display:flex;flex-direction:column;gap:8px}.scard:hover{box-shadow:0 6px 20px rgba(16,38,74,.1)}.top{display:flex;gap:14px;align-items:center}.pic{width:68px;height:68px;border-radius:50%;object-fit:cover;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:800;font-size:24px;flex:none}.scard h3{margin:0;color:var(--navy)}.sub{color:var(--muted);font-size:15px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#e8f7f4;color:var(--teal-d);padding:3px 10px;font-size:14px;font-weight:600}.demo,.tag{border-radius:999px}.demo{background:#fff3cd;color:#7a5b00;padding:2px 10px;font-size:12px;font-weight:700}.stars{color:#e0a100}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.btn.off{background:#c9d2e0;cursor:not-allowed}