/* Custom CSS enhancements */
@keyframes gradient-wave {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes pulse-glow {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }
    70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes highlight-border {
    0% { border-color: rgba(255, 255, 255, 0.5); }
    50% { border-color: rgba(255, 255, 255, 1); }
    100% { border-color: rgba(255, 255, 255, 0.5); }
}

@keyframes scroll-text {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}

body {
    background: linear-gradient(135deg, #1a237e 0%, #1976d2 50%, #4fc3f7 100%);
    background-size: 400% 400%;
    animation: gradient-wave 15s ease infinite;
}

.download-btn {
    animation: pulse-glow 2s infinite, highlight-border 1.5s infinite;
    border-width: 2px;
    transition: all 0.3s ease;
}

.download-btn:hover {
    animation: none;
    transform: scale(1.1);
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
}

.scrolling-text-container {
    display: flex;
    width: 200%;
    animation: scroll-text 15s linear infinite;
}

.scrolling-text {
    width: 50%;
    letter-spacing: 0.5px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
    .mobile-menu {
        display: none;
    }
}