*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Arial;background:#f4f8fb;color:#1f2937}
header{background:#0b5ed7;color:#fff;padding:1rem;text-align:center}
.controls{display:flex;gap:.75rem;flex-wrap:wrap;padding:1rem;background:#e8f0fe}
select{padding:.4rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;padding:1rem}
.card{background:#fff;border-radius:10px;padding:1rem;box-shadow:0 4px 10px rgba(0,0,0,.06)}
.card strong{font-size:1.05rem}
footer{text-align:center;padding:1rem;color:#6b7280}