feat(ui): enhance visual design with dynamic coffee theme

- Add SVG noise texture and gradient background
- Implement glassmorphism for cards and components
- Enhance typography with tighter tracking and gradients
- Add animated SVG decorative elements (beans, steam)
- Update color palette and button styles for better contrast

index.html

@@ -52,8 +52,29 @@
     
     <!-- Particle Canvas -->
     <canvas id="particles" aria-hidden="true"></canvas>
+
+    <!-- Decorative Layer (Background Elements) -->
+    <div class="decorative-layer" aria-hidden="true">
+        <!-- Floating Bean 1 -->
+        <svg class="floating-bean bean-1" viewBox="0 0 24 24" fill="currentColor">
+            <path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z M13,16c-1.1,0-2-0.9-2-2s-0.9-2-2-2 s-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2s0.9,2,2,2s2,0.9,2,2S14.1,16,13,16z"/>
+        </svg>
+        <!-- Floating Bean 2 -->
+        <svg class="floating-bean bean-2" viewBox="0 0 24 24" fill="currentColor">
+            <path d="M19.07,4.93C17.22,3.03,14.76,2,12.05,2C6.5,2,2,6.5,2,12.05C2,17.6,6.5,22.1,12.05,22.1c2.71,0,5.17-1.03,7.02-2.93 c1.85-1.9,2.83-4.41,2.83-7.12C21.9,9.34,20.92,6.83,19.07,4.93z M14.23,15.76c-1.07,1.07-2.8,1.07-3.87,0 c-1.07-1.07-1.07-2.8,0-3.87c1.07-1.07,2.8-1.07,3.87,0C15.3,12.96,15.3,14.69,14.23,15.76z"/>
+        </svg>
+        <!-- Floating Bean 3 -->
+        <svg class="floating-bean bean-3" viewBox="0 0 24 24" fill="currentColor">
+             <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 15c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z"/>
+        </svg>
+    </div>
     
     <header class="hero-section">
+        <div class="steam-container" aria-hidden="true">
+            <div class="steam-particle"></div>
+            <div class="steam-particle"></div>
+            <div class="steam-particle"></div>
+        </div>
         <div class="container hero-content">
             <h1 class="hero-title">Digital Experiences,<br>Perfectly Brewed.</h1>
             <p class="typewriter hero-subtitle" data-text="Crafting robust, responsive, and elegant web solutions" aria-label="Crafting robust, responsive, and elegant web solutions"></p>