/* assets/css/styles.css */

@keyframes drift {
    0% { transform: translateY(0) translateX(0); opacity: 0; }
    50% { opacity: 0.5; }
    100% { transform: translateY(-100vh) translateX(50px); opacity: 0; }
}

.particle {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    animation-name: drift;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.particle-dust {
    background: rgba(255, 255, 255, 0.1);
}

.particle-ember {
    box-shadow: 0 0 10px 2px rgba(249, 115, 22, 0.3);
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #09090b; 
}
::-webkit-scrollbar-thumb {
    background: #3f3f46; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #f97316; 
}