body {
    cursor: none;
}

.cursor-dot {
    width: 6px;
    height: 6px;
    background: #ffd500;
    border-radius: 50%;
    position: fixed;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

.cursor-ring {
    width: 36px;
    height: 36px;
    border: 2px solid rgba(255, 213, 0, 0.8);
    border-radius: 50%;
    position: fixed;
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: width .2s ease, height .2s ease, opacity .3s ease;
    z-index: 9998;
}

.cursor-ring.expand {
    width: 80px;
    height: 80px;
    opacity: 0;
}