/* ======== CSS FRONT PAGE ======== */
.button-front {
  background: linear-gradient(135deg, #f60, #06f);
  color: white;
  padding: 1rem 1.5rem;
  font-size: 1rem;
  font-weight: 700;
  border: none;
  border-radius: 2rem;
  cursor: pointer;
  box-shadow: 0 10px 25px rgba(0, 204, 255, 0.6);
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.button-front:hover {
  transform: translateY(-5px) scale(1.03);
  box-shadow: 0 15px 30px rgba(0, 204, 255, 0.8);
  background: linear-gradient(135deg, #06f, #f60);
}