diff --git a/src/pages/index.astro b/src/pages/index.astro
index 8ee4446..831a0ae 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -275,8 +275,8 @@ const ctaCards = [
                             loading="lazy"
                             decoding="async"
                         />
-                        <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.1) 100%);" />
-                        <div style="position: absolute; bottom: 0; left: 0; right: 0; padding: 28px 28px 32px;">
+                        <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.05) 100%);" />
+                        <div style="position: absolute; bottom: 0; left: 0; right: 0; padding: 28px 28px 32px; background: rgba(0,0,0,0.48); backdrop-filter: blur(4px);">
                             <p style="font-family: 'Public Sans', sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255,255,255,0.65); margin-bottom: 8px;">
                                 {card.label}
                             </p>