/* apps.css */
body { font-family:'Poppins', sans-serif; margin:0; background:#f9f9f9; color:#111; }
header { display:flex; justify-content:space-between; align-items:center; padding:20px 50px; background:#111; color:white; position:sticky; top:0; }
header .logo { font-weight:700; font-size:24px; }
header nav ul { list-style:none; display:flex; gap:20px; }
header nav ul li a.active, header nav ul li a:hover { background:#2196F3; border-radius:5px; }

.apps-hero { text-align:center; padding:80px 20px; background:#2196F3; color:white; }
.apps-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:40px; padding:60px 50px; }
.app-card { background:white; padding:20px; border-radius:12px; box-shadow:0 6px 15px rgba(0,0,0,0.1); transition:0.3s; text-align:center; }
.app-card img { width:100%; border-radius:10px; margin-bottom:15px; }
.app-card:hover { transform:translateY(-10px); }
.btn { display:inline-block; margin-top:10px; padding:10px 20px; background:#2196F3; color:white; text-decoration:none; border-radius:6px; transition:0.3s; }
.btn:hover { background:#4CAF50; }

footer { background:#111; color:white; text-align:center; padding:30px; margin-top:50px; }