:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:Arial,sans-serif}.container{padding:2rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem}.card{background-color:#f9f9f9;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.card img{width:100%;height:auto}.card h2{font-size:1.5rem;margin:.5rem;color:#000}.card p{color:#000;margin:1rem}.header{box-shadow:0 2px 4px #0000001a;padding-left:1rem}.title{color:#fff;margin:0;font-size:2rem;font-weight:800;padding:1rem}.filter-card{display:flex;justify-content:space-between;margin-bottom:2rem;gap:2rem;padding:1rem}.filter-card input,.filter-card select{padding:.5rem;border-radius:4px;border:1px solid #ccc}