/* ===== Scrollbar Style ===== */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0a0a0f; }
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #d4af37, #6b21a8);
    border-radius: 4px;
}

/* ===== Custom Cursor ===== */
.custom-cursor {
    width: 20px;
    height: 20px;
    border: 2px solid #d4af37;
    border-radius: 50%;
    position: fixed;
    pointer-events: none;
    z-index: 9999;
    transition: transform 0.1s ease;
    mix-blend-mode: difference;
}

.cursor-dot {
    width: 5px;
    height: 5px;
    background: #d4af37;
    border-radius: 50%;
    position: fixed;
    pointer-events: none;
    z-index: 9999;
}

/* Particle */
.particle {
    position: absolute;
    width: 4px;
    height: 4px;
    background: #d4af37;
    border-radius: 50%;
    animation: float 15s infinite;
    opacity: 0.6;
}

@keyframes float {
    0%, 100% { transform: translateY(100vh); opacity: 0; }
    10%, 90% { opacity: 0.6; }
    100% { transform: translateY(-100vh) rotate(720deg); }
}