/* Banner styles */
.scrolling-banner {
    position: relative;
    z-index: 2;
    background: var(--primary-black);
}

.banner-content {
    animation: scroll 60s linear infinite;
}

/* Dollar Rain Styles */
.dollar-rain {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    overflow: hidden;
}

.dollar {
    position: absolute;
    color: #85bb65;
    opacity: 0;
    font-size: 24px;
    animation: fall linear infinite;
    font-weight: bold;
}

@keyframes fall {
    0% {
        transform: translateY(-20vh) rotate(0deg);
        opacity: 0;
    }
    2% {
        opacity: 0.8;
    }
    85% {
        opacity: 0.8;
    }
    100% {
        transform: translateY(calc(100vh - 120px)) rotate(360deg);
        opacity: 0;
    }
}

@media (max-width: 768px) {
    .dollar {
        font-size: 20px;
    }
}