Smoother session onboarding experience

components/frontend/src/app/globals.css

@@ -194,6 +194,27 @@
   }
 }
 
+/* Animation keyframes for welcome experience */
+@keyframes fade-in-up {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes fade-in-char {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
 /* Thin scrollbar styling - Cross-browser support */
 .scrollbar-thin {
   /* Firefox */