Remove backdrop blur utility and simplify footer and social link styles

Author: brylie

src/components/Footer.astro

@@ -13,7 +13,7 @@ import { Icon } from "astro-icon/components";
     <div
       class="bg-gradient-to-br from-teal-500 to-blue-600 dark:from-teal-600 dark:to-blue-700 text-white rounded-xl shadow-lg overflow-hidden transform transition-transform hover:scale-[1.02] duration-300"
     >
-      <div class="p-6 backdrop-blur-sm bg-black/5 dark:bg-black/20">
+      <div class="p-6 bg-black/5 dark:bg-black/20">
         <h2 class="text-xl font-bold mb-4 text-center">Let's connect</h2>
         <div class="flex flex-wrap justify-center gap-3">
           <Social

src/components/Social.astro

@@ -50,7 +50,7 @@ const socialPlatforms = {
 
 <a
   href={socialPlatforms[platform].url}
-  class={`inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium backdrop-blur-sm border border-white/10 ${socialPlatforms[platform].color} transition-all duration-300 hover:scale-105 hover:-translate-y-0.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-teal-500 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent shadow-sm hover:shadow-md active:scale-95`}
+  class={`inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium border border-white/10 ${socialPlatforms[platform].color} transition-all duration-300 hover:scale-105 hover:-translate-y-0.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-teal-500 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent shadow-sm hover:shadow-md active:scale-95`}
   target="_blank"
   rel="noopener noreferrer"
   aria-label={`Follow me on ${socialPlatforms[platform].title}`}

src/styles/global.css

@@ -292,9 +292,3 @@ a:hover {
     display: none;
   }
 }
-
-/* Utility Classes */
-.blur-backdrop {
-  backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
-}