@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;800&display=swap");

body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: "Plus Jakarta Sans", sans-serif;
  cursor: none;
}

/* Hərəkətli Qradiyent Fonu - Rənglər bir az daha tündləşdirildi */
.bg-mesh {
  background: linear-gradient(
    -45deg,
    hsl(357, 100%, 80%),
    hsl(203, 100%, 80%),
    hsl(250, 100%, 80%),
    hsl(35, 100%, 80%)
  );
  background-size: 400% 400%;
  animation: gradientAnimation 10s ease infinite;
  min-height: 100vh;
}

@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

#bg-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; /* Fonun (body) üzərində */
  pointer-events: none; /* Üstündəki yazılara klikləməyə mane olmasın */
}

/* Məzmunun (yazıların) ən üstdə olmasını təmin edirik */
.relative.z-10 {
  position: relative;
  z-index: 10;
}

.custom-cursor {
  width: 12px;
  height: 12px;
  background: #0f172a;
  border-radius: 50%;
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition: transform 0.1s ease-out;
}