perf: throttle scroll listener + reduce aurora blur for smoother scrolling

Author: Manuel

website/index.html

@@ -182,7 +182,7 @@ <h1>REVERSO Protocol — Reversible Blockchain Transactions</h1>
             </div>
 
             <div class="nav-actions">
-                <a href="#" class="btn btn-ghost" id="connectWallet">
+                <a href="javascript:void(0)" class="btn btn-ghost" id="connectWallet">
                     <span class="wallet-dot"></span>
                     Connect Wallet
                 </a>

website/src/main.js

@@ -1659,18 +1659,25 @@ function initTransferCardAnimation() {
 // Nav Scroll Effect
 // ==========================================
 let lastScroll = 0;
+let scrollTicking = false;
 window.addEventListener('scroll', () => {
-    const nav = document.querySelector('.nav');
-    const currentScroll = window.pageYOffset;
-    
-    if (currentScroll > 100) {
-        nav.style.background = 'rgba(10, 10, 15, 0.95)';
-    } else {
-        nav.style.background = 'rgba(10, 10, 15, 0.8)';
+    if (!scrollTicking) {
+        requestAnimationFrame(() => {
+            const nav = document.querySelector('.nav');
+            const currentScroll = window.pageYOffset;
+            
+            if (currentScroll > 100) {
+                nav.style.background = 'rgba(10, 10, 15, 0.95)';
+            } else {
+                nav.style.background = 'rgba(10, 10, 15, 0.8)';
+            }
+            
+            lastScroll = currentScroll;
+            scrollTicking = false;
+        });
+        scrollTicking = true;
     }
-    
-    lastScroll = currentScroll;
-});
+}, { passive: true });
 
 // ==========================================
 // Layer Hover Effects

website/src/styles/main.css

@@ -177,13 +177,14 @@ body::after {
 .aurora-orb {
     position: absolute;
     border-radius: 50%;
-    filter: blur(100px);
-    opacity: 0.6;
+    filter: blur(60px);
+    opacity: 0.5;
     z-index: -1;
     pointer-events: none;
     will-change: transform;
-    contain: layout style;
+    contain: layout style paint;
     backface-visibility: hidden;
+    transform: translateZ(0);
 }
 
 .aurora-orb-1 {