body { cursor: none; }

#cursor {
  width: 10px; height: 10px;
  background: #d4a843;
  border-radius: 50%;
  position: fixed;
  pointer-events: none;
  z-index: 99999;
  transform: translate(-50%, -50%);
  transition: transform 0.1s, width 0.3s, height 0.3s, background 0.3s;
  mix-blend-mode: difference;
}

#cursor-ring {
  width: 36px; height: 36px;
  border: 1px solid rgba(212,168,67,0.5);
  border-radius: 50%;
  position: fixed;
  pointer-events: none;
  z-index: 99998;
  transform: translate(-50%, -50%);
  transition: transform 0.18s ease-out, width 0.3s, height 0.3s;
}

#cursor, #cursor-ring { pointer-events: none; }

*, *:hover, *:focus, *:active { cursor: none !important; }