Refactor styles to utilize Tailwind CSS utility classes for improved consistency and maintainability across forms, motion, shell, and vault components. Remove deprecated reduced-motion styles and consolidate motion-related animations. Update color tokens for better contrast and accessibility. Introduce a new Tailwind CSS configuration file.

webapp/src/styles/responsive.css

@@ -213,7 +213,7 @@
   }
 
   .mobile-tab:hover {
-    transform: translate3d(var(--mag-x), calc(var(--mag-y) - 1px), 0);
+    transform: translateY(-1px);
   }
 
   .mobile-tab.active {