body {
  background: linear-gradient(135deg, #f0f4f9, #e8eef7);
  font-family: "Segoe UI", sans-serif;
}

.drop-area {
  border: 2px dashed #6c63ff;
  background: #fdfdff;
  padding: 40px;
  text-align: center;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.drop-area:hover {
  background: #f3f0ff;
  border-color: #5146d8;
}
.drop-area.dragover {
  background: #e2dfff;
  box-shadow: 0 0 20px rgba(108, 99, 255, 0.5);
  transform: scale(1.02);
}

footer {
  margin-top: 40px;
}