fix(auth): resolve login a11y contrast regression

Author: DongDuong2001

app/login/page.tsx

@@ -115,7 +115,7 @@ function LoginPageContent() {
 
         <div className="relative z-10 flex flex-col justify-center items-center text-white p-20 w-full">
           <motion.div
-            initial={{ opacity: 0, x: -50 }}
+            initial={{ opacity: 1, x: -50 }}
             animate={{ opacity: 1, x: 0 }}
             transition={{ duration: 0.8, ease: "easeOut" }}
             className="max-w-md space-y-10"
@@ -179,7 +179,7 @@ function LoginPageContent() {
         </div>
 
         <motion.div
-          initial={{ opacity: 0, y: 20 }}
+          initial={{ opacity: 1, y: 20 }}
           animate={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.8 }}
           className="w-full max-w-md space-y-10 relative z-10"
@@ -273,7 +273,7 @@ function LoginPageContent() {
             <Button
               type="submit"
               disabled={isLoading || !!success}
-              className="w-full h-14 text-lg font-black uppercase tracking-widest bg-primary hover:bg-primary/90 text-[#f8fafc] shadow-[0_0_20px_rgba(var(--primary-rgb),0.3)] hover:shadow-[0_0_30px_rgba(var(--primary-rgb),0.5)] transition-all group rounded-2xl disabled:opacity-50 disabled:cursor-not-allowed"
+              className="w-full h-14 text-lg font-black uppercase tracking-widest bg-primary hover:bg-primary/90 text-slate-950 shadow-[0_0_20px_rgba(var(--primary-rgb),0.3)] hover:shadow-[0_0_30px_rgba(var(--primary-rgb),0.5)] transition-all group rounded-2xl disabled:opacity-50 disabled:cursor-not-allowed"
             >
               {isLoading ? (
                 <>