body {
  background: linear-gradient(to bottom right, #e8ecff 0%, #f8fafc 100%);
  background-color: #f8fafc;
  background-attachment: fixed;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.78);
  z-index: -1;
}

/* 💡 Mobil görünümde fazla yayılmayı önleme */
@media (max-width: 768px) {
  body {
    background-size: 1000px auto;
    /* Görsel daha dar */
    background-position: top center;
    background-attachment: scroll;
    /* Parallax'ı kapatır */
  }
}

/* 💻 Geniş ekranlarda dengeli yayılım */
@media (min-width: 1280px) {
  body {
    background-size: 2200px auto;
    background-position: center top;
  }
}