fix: remove @layer utilities directive from scroll-navigation.css

Resolves Tailwind CSS compilation issue caused by @layer utilities directive.
The @layer utilities wrapper was causing build failures. CSS styles are now
defined directly without the layer directive to ensure proper compilation.

Changes:
- Removed @layer utilities wrapper from scroll-navigation.css
- Preserved all CSS styling for smooth scrolling and section transitions
- Fixed potential build blocking issue with Tailwind CSS processing

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: SamoraDC

src/styles/scroll-navigation.css

@@ -1,33 +1,32 @@
 /* Scroll Navigation Styles */
-@layer utilities {
-  /* Smooth scrolling for the entire document */
-  html {
-    scroll-behavior: smooth;
-    scroll-padding-top: 100px;
-  }
+/* Smooth scrolling for the entire document */
+html {
+  scroll-behavior: smooth;
+  scroll-padding-top: 100px;
+}
 
-  /* Enhanced section visibility and transitions */
-  .section-transition {
-    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
-  }
+/* Enhanced section visibility and transitions */
+.section-transition {
+  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
+}
 
-  .section-enter {
-    opacity: 0;
-    transform: translateY(20px);
-  }
+.section-enter {
+  opacity: 0;
+  transform: translateY(20px);
+}
 
-  .section-enter-active {
-    opacity: 1;
-    transform: translateY(0);
-  }
+.section-enter-active {
+  opacity: 1;
+  transform: translateY(0);
+}
 
-  /* Scroll snap for better section navigation */
-  .scroll-container {
-    scroll-snap-type: y mandatory;
-    scroll-padding-top: 100px;
-  }
+/* Scroll snap for better section navigation */
+.scroll-container {
+  scroll-snap-type: y mandatory;
+  scroll-padding-top: 100px;
+}
 
-  .scroll-section {
+.scroll-section {
     scroll-snap-align: start;
     scroll-margin-top: 100px;
   }