MARS ENGINEERS

<div class="cursor"></div>

/*
document.addEventListener("DOMContentLoaded", () => {
  const cursor = document.querySelector(".cursor");

  // حركة المؤشر
  document.addEventListener("mousemove", e => {
    cursor.style.top = e.clientY + "px";
    cursor.style.left = e.clientX + "px";
  });

  // العناصر القابلة للنقر
  document.querySelectorAll("a, button, .clickable").forEach(el => {
    el.addEventListener("mouseenter", () => cursor.classList.add("active"));
    el.addEventListener("mouseleave", () => cursor.classList.remove("active"));
  });
});
*/

/*
document.addEventListener("DOMContentLoaded", () => {
  const cursor = document.querySelector(".cursor");

  document.addEventListener("mousemove", e => {
    // استخدم translate3d بدل top/left
    cursor.style.transform = `translate3d(${e.clientX}px, ${e.clientY}px, 0) translate(-50%, -50%)`;
  });

  document.querySelectorAll("a, button, .clickable").forEach(el => {
    el.addEventListener("mouseenter", () => cursor.classList.add("active"));
    el.addEventListener("mouseleave", () => cursor.classList.remove("active"));
  });
});
*/