Update src/index.css

src/index.css

@@ -74,19 +74,20 @@
 }
 
 /* Scan line effect for QR preview */
-@keyframes scan-light {
-    0% {
-        transform: translateX(-100%);
-    }
-    100% {
-        transform: translateX(100%);
-    }
+@keyframes scan {
+    0% { top: 0%; }
+    50% { top: calc(100% - 5px); }
+    100% { top: 0%; }
 }
 .scan-line {
-    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
+    position: absolute;
+    top: 0;
+    left: 0;
     width: 100%;
-    height: 2px;
-    animation: scan-light 3s infinite linear;
+    height: 5px;
+    background: linear-gradient(to right, transparent, rgba(0, 255, 255, 0.8), transparent);
+    animation: scan 3s infinite linear;
+    transform-origin: top;
 }
 
 /* Custom scrollbar styles */