/* main container */ .container max-width: 1300px; margin: 2rem auto; padding: 0 1.5rem;

.safety-badge display: flex; gap: 0.5rem; margin: 0.7rem 0; flex-wrap: wrap;

<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>

.card-header padding: 1.2rem 1.2rem 0.5rem 1.2rem; display: flex; align-items: center; gap: 0.8rem;

/* filters & search */ .filters-panel background: white; border-radius: 24px; padding: 1.2rem 1.5rem; margin-bottom: 2rem; display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: space-between; box-shadow: 0 2px 8px rgba(0,0,0,0.03); border: 1px solid #e0edf2;