body {
    cursor: none !important;
}
.cursor-main {
    width: 8px;
    height: 8px;
    background: rgb(236, 101, 23);
    border-radius: 50%;
    position: fixed;
    pointer-events: none;
    z-index: 99999; 
}

.cursor-trail {
    width: 20px;
    height: 20px;
    border: 2px solid rgb(236, 101, 23);
    border-radius: 50%;
    position: fixed;
    opacity: 0.6;
    pointer-events: none;
    z-index: 99998;
}

.cursor-glow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(236,101,23,0.3);
    position: fixed;
    filter: blur(8px);
    opacity: 0.4;
    pointer-events: none;
    z-index: 99997;
}
body.dark .cursor-main {
    background: rgba(200,200,255);
}
body.dark .cursor-trail {
    border-color: white;
}
body.dark .cursor-glow {
    background: rgba(255,255,255,0.3);
}
.cursor-main,
.cursor-trail,
.cursor-glow {
  position: fixed;
  top: 0;
  left: 0;
}