diff --git a/frontend/src/pages/LoginPage.tsx b/frontend/src/pages/LoginPage.tsx
index 93aa1e6..bdb4d2d 100644
--- a/frontend/src/pages/LoginPage.tsx
+++ b/frontend/src/pages/LoginPage.tsx
@@ -269,7 +269,7 @@ export const LoginPage: React.FC = () => {
         {/* Top: Brand Header */}
         <motion.div 
           initial={{ opacity: 0, y: -20 }}
-          animate={{ opacity: 1, y: 0 }}
+          animate={splashState === 'fade-to-white' || splashState === 'done' ? { opacity: 1, y: 0 } : { opacity: 0, y: -20 }}
           transition={{ duration: 0.8, ease: "easeOut" }}
           className="flex items-center z-10"
         >
@@ -279,7 +279,7 @@ export const LoginPage: React.FC = () => {
         {/* Middle: Feature list / value proposition */}
         <motion.div 
           initial="hidden"
-          animate="visible"
+          animate={splashState === 'fade-to-white' || splashState === 'done' ? "visible" : "hidden"}
           variants={{
             hidden: { opacity: 0 },
             visible: {