fix(ui): correct z-index and remove mix-blend-screen on EU badge

components/decorations/EUFundingBadge.tsx

@@ -9,7 +9,7 @@ export function EUFundingBadge() {
       initial={{ opacity: 0 }}
       animate={{ opacity: 1 }}
       transition={{ duration: 2, ease: [0.16, 1, 0.3, 1] }}
-      className="absolute top-0 right-0 w-[350px] md:w-[550px] h-[350px] md:h-[550px] z-0 pointer-events-none select-none"
+      className="absolute top-0 right-0 w-[350px] md:w-[550px] h-[350px] md:h-[550px] z-[40] pointer-events-none select-none"
       style={{
         maskImage: 'radial-gradient(ellipse at top right, black 10%, transparent 70%)',
         WebkitMaskImage: 'radial-gradient(ellipse at top right, black 10%, transparent 70%)',
@@ -19,7 +19,7 @@ export function EUFundingBadge() {
         src="/assets/eu-flag-perspective.png"
         alt="European Union Background"
         fill
-        className="object-cover object-top opacity-50 mix-blend-screen"
+        className="object-cover object-top opacity-70"
         priority
       />
     </motion.div>