/* Download Box Styles */

#downloadBox {
    animation: slideInUp 0.4s ease-out;
    max-width: 400px;
}

@keyframes slideInUp {
    from {
        transform: translateY(100px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.download-box-glow {
    box-shadow: 0 20px 60px rgba(59, 130, 246, 0.4), 0 0 0 1px rgba(59, 130, 246, 0.1);
    animation: glow 2s ease-in-out infinite alternate;
}

@keyframes glow {
    from {
        box-shadow: 0 20px 60px rgba(59, 130, 246, 0.4), 0 0 0 1px rgba(59, 130, 246, 0.1);
    }
    to {
        box-shadow: 0 20px 80px rgba(59, 130, 246, 0.6), 0 0 0 1px rgba(59, 130, 246, 0.2);
    }
}

.dark .download-box-glow {
    box-shadow: 0 20px 60px rgba(147, 51, 234, 0.4), 0 0 0 1px rgba(147, 51, 234, 0.1);
}

.dark .download-box-glow {
    animation: glowDark 2s ease-in-out infinite alternate;
}

@keyframes glowDark {
    from {
        box-shadow: 0 20px 60px rgba(147, 51, 234, 0.4), 0 0 0 1px rgba(147, 51, 234, 0.1);
    }
    to {
        box-shadow: 0 20px 80px rgba(147, 51, 234, 0.6), 0 0 0 1px rgba(147, 51, 234, 0.2);
    }
}

/* Responsive adjustments */
@media (max-width: 640px) {
    #downloadBox {
        bottom: 1rem;
        right: 1rem;
        left: 1rem;
        max-width: none;
        width: auto;
    }
}