src/components/sections/cta/CtaAnimatedCard.tsx

@@ -21,8 +21,7 @@ const CtaAnimatedCard = ({
       <div className="w-content-width mx-auto">
         <ScrollReveal variant="slide-up">
           <div className="relative">
-            <div className="absolute inset-0 rounded shadow-[0_0_40px_var(--accent)] animate-pulse opacity-60" />
-            <Card className="relative p-10 md:p-20 flex flex-col items-center text-center gap-6 z-10">
+            <Card className="relative p-10 md:p-20 flex flex-col items-center text-center gap-6 z-10 animate-glow-pulse">
               <span className="px-3 py-1 text-sm card rounded border border-foreground/10">{tag}</span>
               
               <TextAnimation

src/styles/animations.css

@@ -14,6 +14,15 @@
   }
 }
 
+@keyframes glow-pulse {
+  0%, 100% {
+    box-shadow: 0 0 10px color-mix(in srgb, var(--color-accent) 50%, transparent);
+  }
+  50% {
+    box-shadow: 0 0 40px var(--color-accent);
+  }
+}
+
 @keyframes fadeInOpacity {
   from {
     opacity: 0;
@@ -134,6 +143,10 @@
   animation: pulsate 1.5s infinite;
 }
 
+.animate-glow-pulse {
+  animation: glow-pulse 3s ease-in-out infinite;
+}
+
 .animation-container {
   animation: fadeInOpacity 0.8s ease-in-out forwards, fadeInTranslate 0.6s forwards;
 }
@@ -211,4 +224,4 @@
   66% { opacity: 0.15; }
   77% { opacity: 0.05; }
   88% { opacity: 0; }
-}
+}