/* ===== HEADER ===== */
.header {
  background: linear-gradient(135deg, #ff3b3b 0%, #ff8c00 100%);
  color: #fff;
  padding: 25px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

/* ===== MENU SECTION ===== */
.menu {
  background: linear-gradient(135deg, #bdbdbd 100%, #dbdbdb 0%);
  color: #000000;
  padding: 60px 20px;
  border-top: 4px solid #ff8c00;
  border-bottom: 4px solid #ff8c00;
  box-shadow: inset 0 0 40px rgba(255, 140, 0, 0.2);
}

/* ===== ABOUT SECTION ===== */
.about {
  background: linear-gradient(135deg, #bdbdbd 100%, #dbdbdb 0%);
  color: #fff;
  padding: 60px 20px;
  border-top: 4px solid #df8f1f;
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.5);
}

/* ===== CONTACT SECTION ===== */
.contact {
  background: linear-gradient(135deg, #bdbdbd 100%, #dbdbdb 0%);
  color: #2c0d0d;
  padding: 60px 20px;
  border-top: 4px solid #c62828;
  border-bottom: 4px solid #c62828;
  box-shadow: inset 0 0 50px rgba(255, 107, 107, 0.3);
}

/* ===== FOOTER ===== */
footer {
  background: linear-gradient(135deg, #3b1c0b 0%, #9e1e1e 100%);
  color: #fff;
  padding: 25px;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.5px;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.4);
  border-top: 2px solid #df8f1f;
}