improving looks & background

css/main.css

@@ -44,7 +44,8 @@ img {
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
     border-radius: var(--border-radius);
-    border: 1px solid var(--glass-border);
+    border-top: 1px solid var(--glass-border);
+    border-bottom: 1px solid var(--glass-border);
     box-shadow: var(--box-shadow), var(--inset-shadow);
 }
 

css/matrix.css

@@ -12,46 +12,3 @@
     filter: brightness(0.55);
 }
 
-.matrix-dot {
-    position: absolute;
-    background: rgba(255, 255, 255, 0.8);
-    border-radius: 50%;
-    box-shadow: 0 0 6px rgba(255, 255, 255, 0.4), 0 0 12px rgba(255, 255, 255, 0.2);
-    transition: all 0.3s ease;
-    pointer-events: none;
-}
-
-.connection-line {
-    position: absolute;
-    height: 2px;
-    background: linear-gradient(90deg, 
-        rgba(100, 149, 237, 0) 0%, 
-        rgba(138, 43, 226, 0.8) 50%, 
-        rgba(100, 149, 237, 0) 100%);
-    transform-origin: left center;
-    opacity: 0;
-    transition: opacity 0.5s ease-in-out;
-    pointer-events: none;
-    z-index: -1;
-    box-shadow: 0 0 4px rgba(138, 43, 226, 0.4);
-}
-
-.connection-line.active {
-    opacity: 1;
-    animation: connectionPulse 2s ease-in-out infinite;
-}
-
-@keyframes connectionPulse {
-    0% {
-        filter: brightness(1);
-        box-shadow: 0 0 4px rgba(138, 43, 226, 0.4);
-    }
-    50% {
-        filter: brightness(1.5);
-        box-shadow: 0 0 8px rgba(138, 43, 226, 0.6), 0 0 16px rgba(100, 149, 237, 0.3);
-    }
-    100% {
-        filter: brightness(1);
-        box-shadow: 0 0 4px rgba(138, 43, 226, 0.4);
-    }
-}

css/variables.css

@@ -11,7 +11,7 @@
     --background-color: #000000;
     --glass-background: rgba(20, 20, 20, 0.125);
     --glass-border: rgba(255, 255, 255, 0.18);
-    --glass-shadow: rgba(31, 38, 135, 0.37);
+    --glass-shadow: rgba(31, 38, 135, 0.30);
 
     --text-color: #ffffff;
     --text-color-light: rgba(255, 255, 255, 0.8);
@@ -22,6 +22,6 @@
     --border-radius: 16px;
     --border-radius-large: 24px;
 
-    --box-shadow: 0 8px 32px 0 var(--glass-shadow);
-    --inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
+    --box-shadow: 0 8px 36px 0px var(--glass-shadow);
+    --inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
 }