Upload styles.css

styles.css

@@ -14,6 +14,8 @@
   --text: #ffffff;
   --text2: #d2b48c;
   --radius: 16px;
+  --glass-opacity: 0.8;
+  --glass-blur: 10px;
 }
 
 /* 2.  Apply Gagalin globally */
@@ -221,4 +223,17 @@ footer {
 @media (max-width: 600px) {
   .header { padding: 1rem; }
   nav { display: none; }
-}
+}
+
+/* 13.  Glassy Effect */
+.glassy {
+  background: rgba(255, 255, 255, var(--glass-opacity));
+  backdrop-filter: blur(var(--glass-blur));
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+/* Apply glassy effect to specific elements */
+.header, .stat-card, .card, .modal-card, .docs, .load-more {
+  @extend .glassy;
+}