Appsafe | Club

.logo span background: #ffcd3c; color: #1a4a5f; padding: 0.2rem 0.6rem; border-radius: 40px; font-size: 1rem; margin-left: 8px; vertical-align: middle;

.cat-btn background: #eef3f6; border: none; padding: 0.5rem 1rem; border-radius: 40px; font-weight: 500; cursor: pointer; transition: 0.2s; color: #1e3b4a;

.hero h1 font-size: 1.9rem; font-weight: 700; background: linear-gradient(135deg, #0b2b3b, #2c7a5e); -webkit-background-clip: text; background-clip: text; color: transparent; appsafe club

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

.nav-links a:hover color: #ffcd3c;

.modal-content background: white; max-width: 450px; width: 90%; border-radius: 32px; padding: 1.8rem; position: relative; animation: fadeUp 0.2s ease;

// filter event handlers document.getElementById("searchInput").addEventListener("input", (e) => currentSearchTerm = e.target.value; renderApps(); ); .logo span background: #ffcd3c

.app-card background: white; border-radius: 24px; overflow: hidden; transition: all 0.25s ease; box-shadow: 0 5px 15px rgba(0,0,0,0.05); border: 1px solid #e2edf2;

.app-card:hover transform: translateY(-5px); box-shadow: 0 20px 25px -12px rgba(0,0,0,0.15); padding: 0.2rem 0.6rem

.detail-list li margin: 0.8rem 0; border-bottom: 1px solid #edf2f5; padding-bottom: 0.5rem;