/* ============================================
   PARALLAX BLURRED GRADIENTS - Apple iMac Style
   Enhanced with more dramatic colors
   ============================================ */

/* Mission Section - Enhanced */
.mission::before {
    background:
        radial-gradient(circle at 20% 30%, rgba(255, 107, 53, 0.20) 0%, transparent 40%),
        radial-gradient(circle at 80% 70%, rgba(135, 206, 235, 0.28) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 100%, rgba(255, 107, 53, 0.15) 0%, transparent 60%) !important;
    filter: blur(55px) !important;
    transform: translateY(var(--parallax-y, 0)) scale(var(--parallax-scale, 1)) !important;
}

/* Colors Section - Enhanced */
.colors::before {
    background:
        radial-gradient(circle at 15% 20%, rgba(44, 74, 98, 0.18) 0%, transparent 45%),
        radial-gradient(circle at 85% 80%, rgba(255, 107, 53, 0.15) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 50%, rgba(135, 206, 235, 0.25) 0%, transparent 70%) !important;
    filter: blur(65px) !important;
    transform: translateY(var(--parallax-y, 0)) scale(var(--parallax-scale, 1)) !important;
}

/* Typography Section - Enhanced */
.typography::before {
    background:
        radial-gradient(circle at 70% 20%, rgba(255, 107, 53, 0.18) 0%, transparent 45%),
        radial-gradient(circle at 30% 60%, rgba(135, 206, 235, 0.25) 0%, transparent 50%),
        radial-gradient(circle at 90% 90%, rgba(44, 74, 98, 0.15) 0%, transparent 40%) !important;
    filter: blur(60px) !important;
    transform: translateY(var(--parallax-y, 0)) scale(var(--parallax-scale, 1)) !important;
}

/* Logo Section - Enhanced */
.logo-section::before {
    background:
        radial-gradient(circle at 25% 25%, rgba(255, 107, 53, 0.30) 0%, transparent 50%),
        radial-gradient(circle at 75% 75%, rgba(44, 74, 98, 0.35) 0%, transparent 55%),
        radial-gradient(ellipse at 50% 0%, rgba(255, 107, 53, 0.22) 0%, transparent 60%) !important;
    filter: blur(75px) !important;
    transform: translateY(var(--parallax-y, 0)) scale(var(--parallax-scale, 1)) !important;
}