feat: add animation

app/routes/register.tsx

@@ -64,7 +64,7 @@ export default function RegisterPage() {
         <div className="flex min-h-screen flex-col bg-background">
             <div className="flex flex-1 items-center justify-center px-4 py-12">
                 <div className="w-full max-w-md">
-                    <div className="mb-8 flex flex-col items-center gap-3">
+                    <div className="mb-8 flex flex-col items-center gap-3 animate-fade-in-down">
                         <h1 className="text-2xl font-bold text-foreground">
                             Create your account
                         </h1>
@@ -73,7 +73,7 @@ export default function RegisterPage() {
                         </p>
                     </div>
 
-                    <div className="rounded-xl border border-border bg-card p-6 shadow-sm">
+                    <div className="rounded-xl border border-border bg-card p-6 shadow-sm animate-float-in" style={{ animationDelay: '0.15s' }}>
                         <form onSubmit={handleSubmit} className="flex flex-col gap-4">
                             <div className="flex gap-3">
                                 <FormInput
@@ -142,7 +142,7 @@ export default function RegisterPage() {
                         </form>
                     </div>
 
-                    <p className="mt-6 text-center text-sm text-muted-foreground">
+                    <p className="mt-6 text-center text-sm text-muted-foreground animate-fade-in" style={{ animationDelay: '0.3s' }}>
                         Already have an account?{" "}
                         <Link
                             to="/login"