Adjust visual elements and remove interactive cursor effects

Modify CSS for stats cards and remove custom cursor and magnetic button functionalities. Adjust star density and styling.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 5e584ab0-c340-4432-97ef-1972582b60e9
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: d8148dec-8af6-43ca-9107-95f002b8cf0b
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/5e584ab0-c340-4432-97ef-1972582b60e9/4FgL9ZB

static/css/styles.css

@@ -472,7 +472,7 @@ hr {
 .stats-card {
     text-align: center;
     padding: 32px;
-    background: rgba(26, 26, 26, 0.3);
+    background: rgba(0, 0, 0, 0.4);
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
     border-radius: 16px;
@@ -481,7 +481,7 @@ hr {
 }
 
 .stats-card:hover {
-    background: rgba(26, 26, 26, 0.5);
+    background: rgba(0, 0, 0, 0.5);
     transform: translateY(-4px);
     box-shadow: 0 12px 24px rgba(255, 255, 255, 0.05);
 }
@@ -1746,28 +1746,6 @@ hr::after {
     box-shadow: 0 0 20px rgba(59, 130, 246, 0.3);
 }
 
-.home-but {
-    position: relative;
-    overflow: hidden;
-}
-
-.home-but::before {
-    content: '';
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 0;
-    height: 0;
-    background: rgba(59, 130, 246, 0.3);
-    border-radius: 50%;
-    transform: translate(-50%, -50%);
-    transition: width 0.3s ease, height 0.3s ease;
-}
-
-.home-but:hover::before {
-    width: 150%;
-    height: 150%;
-}
 
 .scroll-indicator {
     position: fixed;
@@ -1788,52 +1766,6 @@ a, button, .stats-card, .card, .member-card {
     cursor: pointer !important;
 }
 
-body {
-    cursor: none;
-}
-
-.custom-cursor {
-    width: 20px;
-    height: 20px;
-    border: 2px solid #3b82f6;
-    border-radius: 50%;
-    position: fixed;
-    pointer-events: none;
-    z-index: 10000;
-    transition: all 0.15s ease;
-    transform: translate(-50%, -50%);
-    mix-blend-mode: difference;
-}
-
-.custom-cursor-follower {
-    width: 40px;
-    height: 40px;
-    border: 1px solid rgba(59, 130, 246, 0.3);
-    border-radius: 50%;
-    position: fixed;
-    pointer-events: none;
-    z-index: 9999;
-    transition: all 0.3s ease;
-    transform: translate(-50%, -50%);
-}
-
-.custom-cursor.hover {
-    width: 50px;
-    height: 50px;
-    background: rgba(59, 130, 246, 0.1);
-}
-
-@media (max-width: 850px) {
-    .custom-cursor,
-    .custom-cursor-follower {
-        display: none;
-    }
-    
-    body {
-        cursor: default;
-    }
-}
-
 .sub-header,
 .hero-title {
     color: var(--white);

static/js/scripts.js

@@ -91,10 +91,8 @@ document.addEventListener('DOMContentLoaded', function() {
 
     initParallaxEffects();
     initScrollAnimations();
-    initMagneticButtons();
     initFloatingElements();
     initPageLoadAnimation();
-    initCustomCursor();
     initScrollIndicator();
     initStars();
 });
@@ -400,7 +398,7 @@ function initStars() {
         
         const sectionHeight = section.offsetHeight;
         const viewportWidth = window.innerWidth;
-        const numStars = Math.floor((viewportWidth * sectionHeight) / 15000);
+        const numStars = Math.floor((viewportWidth * sectionHeight) / 40000);
         
         for (let i = 0; i < numStars; i++) {
             const star = document.createElement('div');