/* main container */ .container max-width: 1300px; margin: 2rem auto; padding: 0 1.5rem;
.card-header padding: 1.2rem 1.2rem 0.5rem 1.2rem; display: flex; align-items: center; gap: 0.8rem; appsafe club
@keyframes fadeUp from opacity: 0; transform: translateY(20px); to opacity: 1; transform: translateY(0); /* main container */
.review-btn:hover background: #1e6f5c; color: white; margin: 2rem auto
document.getElementById("safetyThreshold").addEventListener("change", (e) => currentSafetyThreshold = parseInt(e.target.value); renderApps(); );
<div id="appsContainer" class="apps-grid"> <!-- dynamic cards injected --> </div> <div class="footer-note"> AppSafe Club — independent safety ratings based on open-source intelligence, permission analysis & real user feedback. </div> </div>
.card-body padding: 0.2rem 1.2rem 1rem 1.2rem;