body {
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  background: #fff;
}

/* GRID KONSISTEN */
.content-wrap {
  max-width: 960px;
  margin: 0 auto;
}

/* PANEL */
.panel-cream {
  background: #FCE9C8;
  padding: 60px 0;
}

.panel-footer {
  background: #FADFC8;
  padding: 40px 0;
}

/* IMAGE */
img {
  max-width: 100%;
  height: auto;
}

/* BACK BUTTON */
/* Tombol Back Oranye */
.btn-back {
  background-color: #F7931E;
  color: #fff;
  border: none;
  padding: 8px 22px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: 0 4px 0 #cc6f0d;
}

.btn-back:hover {
  background-color: #e57f0f;
  color: #fff;
  transform: translateY(1px);
  box-shadow: 0 3px 0 #cc6f0d;
}

.btn-back:active {
  background-color: #cc6f0d;
  box-shadow: 0 2px 0 #b45f0b;
}


/* TOMBOL UTAMA (KIRIM / AKSI) */
.btn-orange {
  background-color: #F7931E;
  color: #fff;
  border: none;
  font-weight: 600;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 0 #cc6f0d;
  transition: all 0.2s ease;
}

.btn-orange:hover {
  background-color: #e57f0f;
  color: #fff;
  transform: translateY(1px);
  box-shadow: 0 3px 0 #cc6f0d;
}

.btn-orange:active {
  background-color: #cc6f0d;
  transform: translateY(2px);
  box-shadow: 0 2px 0 #a85c0a;
}