.animated-mesh { position: absolute; inset: 0; overflow: hidden; }
        .animated-mesh::before {
            content: '';
            position: absolute;
            top: -50%; left: -50%;
            width: 200%; height: 200%;
            background:
                radial-gradient(circle at 20% 30%, rgba(var(--color-primary-500-rgb, 59, 130, 246), 0.3) 0%, transparent 50%),
                radial-gradient(circle at 80% 70%, rgba(var(--color-primary-400-rgb, 96, 165, 250), 0.2) 0%, transparent 50%),
                radial-gradient(circle at 50% 50%, rgba(var(--color-primary-600-rgb, 37, 99, 235), 0.1) 0%, transparent 40%);
            animation: meshMove 20s ease-in-out infinite;
        }
        @keyframes meshMove {
            0%, 100% { transform: translate(0, 0) rotate(0deg); }
            25% { transform: translate(-5%, 5%) rotate(2deg); }
            50% { transform: translate(5%, -5%) rotate(-2deg); }
            75% { transform: translate(-3%, -3%) rotate(1deg); }
        }