.cursor-dot,
.cursor-outline {
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
}
.cursor-dot {
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(255,255,255,0.6);
}
.cursor-outline {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255,255,255,0.4);
  border-radius: 50%;
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), 
              border-color 0.3s ease, 
              box-shadow 0.3s ease;
  box-shadow: none;
}

@media (max-width: 1024px) {
  body .cursor-dot,
  body .cursor-outline {
    display: none;
  }
  body {
    cursor: none;
  }
}