diff --git a/src/styles/login-animations.css b/src/styles/login-animations.css
index 33fefe6..1851429 100644
--- a/src/styles/login-animations.css
+++ b/src/styles/login-animations.css
@@ -1,50 +1,61 @@
-
 .bg-animated {
   background: linear-gradient(120deg, #f7f5f3, #ece7e1, #f3eee9);
   background-size: 200% 200%;
-  animation: gradientMove 10s ease infinite;
+  animation: gradientMove 15s ease-in-out infinite;
 }
 
 @keyframes gradientMove {
-  0% {
-    background-position: 0% 50%;
-  }
-  50% {
-    background-position: 100% 50%;
-  }
-  100% {
-    background-position: 0% 50%;
-  }
+  0% { background-position: 0% 50%; }
+  50% { background-position: 100% 50%; }
+  100% { background-position: 0% 50%; }
 }
 
 
 .fade-up {
   opacity: 0;
-  transform: translateY(10px);
-  animation: fadeUp 0.8s ease forwards;
+  transform: translateY(20px);
+  filter: blur(4px);
+  animation: fadeUp 2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
 }
 
 @keyframes fadeUp {
-  to {
+  0% {
+    opacity: 0;
+    transform: translateY(20px);
+    filter: blur(4px);
+  }
+  100% {
     opacity: 1;
     transform: translateY(0);
+    filter: blur(0px);
   }
 }
 
 
+/* -------------------------------------------
+   3) scale-in - 더 천천히 차분하게 확대
+------------------------------------------- */
 .scale-in {
   opacity: 0;
-  transform: scale(0.96);
-  animation: scaleIn 0.5s ease forwards;
+  transform: scale(0.85);
+  animation: scaleIn 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
 }
 
 @keyframes scaleIn {
-  to {
+  0% {
+    opacity: 0;
+    transform: scale(0.85);
+  }
+  100% {
     opacity: 1;
     transform: scale(1);
   }
 }
 
+
+/* -------------------------------------------
+   4) 버튼 리플 - 약간 더 천천히
+------------------------------------------- */
 .btn-ripple {
   position: relative;
   overflow: hidden;
@@ -53,19 +64,19 @@
 .btn-ripple:active::after {
   content: "";
   position: absolute;
-  width: 12px;
-  height: 12px;
-  background: rgba(0, 0, 0, 0.1);
+  width: 14px;
+  height: 14px;
+  background: rgba(0, 0, 0, 0.12);
   border-radius: 50%;
   transform: scale(0);
-  animation: ripple 0.5s ease-out;
+  animation: ripple 0.6s ease-out;
   left: var(--x);
   top: var(--y);
 }
 
 @keyframes ripple {
-  to {
-    transform: scale(20);
+  100% {
+    transform: scale(22);
     opacity: 0;
   }
 }