.conversor-container {
  display: flex; flex-wrap: wrap; gap: 20px;
  justify-content: center;
}
.conv-card {
  flex: 1 1 280px; background: #f8f9fb;
  border: 1px solid #e0e2e5; border-radius: 8px;
  padding: 16px; box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  transition: transform .2s;
}
.conv-card:hover { transform: translateY(-5px); }
.conv-icon { font-size: 40px; margin-bottom: 8px; }
.conv-card h3 { margin:4px 0 12px; color:#2f3e4e; }
.conv-input, .conv-from, .conv-to {
  width:100%; padding:8px; margin-bottom:8px;
  border-radius:4px; border:1px solid #ccc;
}
.conv-btn {
  width:100%; padding:10px;
  background: linear-gradient(135deg,#5433FF,#20BDFF);
  border:none;color:#fff;font-weight:bold;
  border-radius:4px;cursor:pointer;
}
.conv-btn:hover {
  background: linear-gradient(135deg,#4023CC,#1199CC);
}
.conv-res { margin-top:10px; color:#2f3e4e; }
@media(max-width:600px){
  .conversor-container { flex-direction:column; }
}