/* Smooth scrolling */
        html {
            scroll-behavior: smooth;
        }

        /* Skeleton loading animation */
        .skeleton {
            background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
            background-size: 200% 100%;
            animation: shimmer 1.5s infinite;
            border-radius: 0.375rem;
        }

        @keyframes shimmer {
            0% {
                background-position: 200% 0;
            }

            100% {
                background-position: -200% 0;
            }
        }

        /* Quality card hover effect */
        .quality-card {
            transition: all 0.2s ease;
            cursor: pointer;
        }

        .quality-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.15);
            border-color: #3b82f6;
        }

        /* Active quality selection */
        .quality-card.selected {
            border: 2px solid #3b82f6;
            background-color: #eff6ff;
        }

        /* Navbar active link */
        .nav-link.active {
            color: #3b82f6;
            font-weight: 600;
        }

        /* Download button pulse effect */
        .download-pulse {
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.05);
            }

            100% {
                transform: scale(1);
            }
        }