// category filter buttons const catBtns = document.querySelectorAll(".cat-btn"); catBtns.forEach(btn => btn.addEventListener("click", () => catBtns.forEach(b => b.classList.remove("active")); btn.classList.add("active"); currentFilterCategory = btn.getAttribute("data-cat"); renderApps(); ); );
.safety-toggle display: flex; align-items: center; gap: 0.6rem; background: #f0f5f8; padding: 0.3rem 1rem; border-radius: 40px;
<div class="container"> <div class="hero"> <h1>📱 Safe apps, smarter choices</h1> <p style="margin-top: 8px;">Every app reviewed for <strong>data privacy, permissions, trackers & security</strong>. Join the club to promote safer digital habits.</p> <div style="margin-top: 12px;"><span class="badge-safe">✅ 120+ apps verified</span> <span class="badge-safe">🔒 Zero known breaches</span></div> </div>
.logo span background: #ffcd3c; color: #1a4a5f; padding: 0.2rem 0.6rem; border-radius: 40px; font-size: 1rem; margin-left: 8px; vertical-align: middle;