.app{max-width:800px;margin:auto;padding:20px;font-family:"sans-serif"}input{padding:10px;width:70%;border:1px solid #ccc;border-radius:6px;margin-right:10px}button{padding:10px 16px;border:none;background:#ff6a3d;color:#fff;font-weight:700;border-radius:6px;cursor:pointer}.list{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 12px #0000001a;transition:.2s}.card:hover{transform:translateY(-4px)}.card img{width:100%;height:160px;object-fit:cover;border-radius:8px}.card h3{margin:10px 0;font-size:18px;color:#333}.badges{margin:10px 0}.badge{display:inline-block;padding:4px 10px;background:#eee;border-radius:12px;margin-right:6px;font-size:12px}.description{margin-top:10px;color:#555}