/* Hero Section Background Pattern */
        .hero-bg-v3 {
            background-image: radial-gradient(circle at 15% 85%, hsl(var(--accent-color-1) / 0.08) 0%, transparent 40%),
                radial-gradient(circle at 85% 15%, hsl(var(--accent-color-2) / 0.08) 0%, transparent 40%),
                linear-gradient(to bottom, hsl(var(--bg-primary)), hsl(var(--bg-primary) / 0.9));
            background-size: cover;
            position: relative;
            overflow: hidden;
        }

        .hero-bg-v3::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, transparent, hsl(var(--bg-primary)) 95%);
            z-index: 1;
        }