/* ═══ cursor.css ═══ */
* { cursor: none !important; }
#cur-dot {
  position: fixed; z-index: 99999; pointer-events: none;
  width: 6px; height: 6px; border-radius: 50%;
  background: #FBE81C;
  box-shadow: 0 0 10px #FBE81C, 0 0 20px rgba(251,232,28,.4);
  transform: translate(-50%,-50%);
  transition: transform .08s, width .2s, height .2s, background .2s;
  top: 0; left: 0;
}
#cur-ring {
  position: fixed; z-index: 99998; pointer-events: none;
  width: 36px; height: 36px; border-radius: 50%;
  border: 1.5px solid rgba(242,145,0,.7);
  transform: translate(-50%,-50%);
  top: 0; left: 0;
  transition: width .35s cubic-bezier(.23,1,.32,1),
              height .35s cubic-bezier(.23,1,.32,1),
              border-color .25s, background .25s, border-radius .25s;
  backdrop-filter: invert(8%);
}
#cur-ring.hovering {
  width: 56px; height: 56px;
  border-color: rgba(242,145,0,1);
  background: rgba(242,145,0,.06);
}
#cur-ring.clicking {
  width: 28px; height: 28px;
  background: rgba(251,232,28,.12);
}
#cur-ring.on-btn {
  width: 56px; height: 56px;
  border-radius: 50%;
  border-color: rgba(190,24,35,.7);
  background: rgba(190,24,35,.05);
}