body{margin:0;font-family:Arial,sans-serif;background:#f5f5f5}.navbar{background:#2c3e50;color:#fff;padding:1rem;display:flex;justify-content:space-between}.navbar a{color:#fff;margin-left:1rem;text-decoration:none}.container{padding:2rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.card{background:#fff;padding:1rem;border-radius:6px;box-shadow:0 2px 5px #0000001a}.subtitle{color:#666;font-size:.9rem}button,.btn{margin-top:1rem;padding:.5rem 1rem;border:none;background:#3498db;color:#fff;cursor:pointer;border-radius:4px;text-decoration:none}.btn.secondary{background:#2ecc71}.filters{display:flex;gap:1rem;margin-bottom:1.5rem}