body {
  margin:0;
  font-family:Arial;
  background:#0f172a;
  color:white;
}

.hero {
  text-align:center;
  padding:20px;
  background:#111827;
}

.container {
  display:flex;
  gap:20px;
  padding:20px;
}

.grid {
  flex:1;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:15px;
}

.card {
  background:#1e293b;
  padding:15px;
  border-radius:15px;
  cursor:pointer;
}

.card:hover {
  background:#334155;
}

.carrinho {
  width:300px;
  background:#111827;
  padding:15px;
  border-radius:15px;
}

input {
  width:100%;
  margin-bottom:10px;
  padding:10px;
  border-radius:10px;
  border:none;
}

button {
  width:100%;
  padding:12px;
  border:none;
  border-radius:10px;
  background:#f97316;
  color:white;
  font-weight:bold;
}

.item {
  background:#1e293b;
  padding:10px;
  margin:5px 0;
  border-radius:10px;
}