body{font-family:Arial;margin:0;background:#f5f5f5}header{background:#0064d2;color:#fff;padding:20px;text-align:center}.btn{display:inline-block;margin:10px;padding:10px 20px;background:#fff;color:#0064d2;text-decoration:none;border-radius:6px}#q{padding:10px;width:min(400px,90%)}main{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:20px}.card{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 6px #0002}.card img{width:100%;height:180px;object-fit:cover}.card a{display:block;background:#0064d2;color:#fff;text-align:center;padding:8px;text-decoration:none;border-radius:5px}