*{box-sizing:border-box}body{color:#111;background-color:#f5f5f5;margin:0;font-family:Arial,Helvetica,sans-serif}.navbar{color:#fff;background:#111;padding:1rem 2rem}.navbar h2{margin:0}.container{padding:2rem}h1{margin-bottom:1rem}.filter{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.filter input,.filter select,.filter button{border:1px solid #ccc;border-radius:6px;padding:8px 10px;font-size:14px}.filter input:focus,.filter select:focus{border-color:#111;outline:none}.filter button{color:#fff;cursor:pointer;background:#111}.filter button:hover{opacity:.9}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:1rem;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.card img{border-radius:8px;width:100%;margin-bottom:10px}.card h3{margin:5px 0}.card p{color:#555;margin:5px 0}.card strong{color:#111}@media (max-width:500px){.container,.navbar{padding:1rem}}