Enhance legal page styles in custom CSS: Added new styles for legal hero and content sections, adjusted margins and padding, and modified section hover effects for improved visual consistency and readability.

public/assets/css/custom.css

@@ -23,10 +23,21 @@
     color: #000000;
 }
 
+.legal-hero {
+    margin-top: 70px;
+    padding: 2rem 0 1.5rem;
+    border-bottom: 1px solid #e5e5e5;
+}
+
+.legal-content {
+    padding-top: 2rem;
+}
+
 .legal-hero-title {
     background: none;
     -webkit-text-fill-color: #000000;
     color: #000000;
+    margin-bottom: 0.5rem;
 }
 
 .legal-hero-description,
@@ -39,19 +50,29 @@
     color: #000000;
 }
 
-.legal-section {
-    background: #ffffff;
-    border: 1px solid #d9d9d9;
+.legal-section,
+.legal-section.glass-card {
+    background: transparent;
+    border: none;
     box-shadow: none;
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+    border-radius: 0;
+    padding: 0;
 }
 
-.legal-section:hover {
+.legal-section:hover,
+.legal-section.glass-card:hover {
     transform: none;
     box-shadow: none;
+    border: none;
+    background: transparent;
 }
 
 .legal-section h2 {
-    border-bottom: 1px solid #d9d9d9;
+    border-bottom: 1px solid #e5e5e5;
+    padding-bottom: 0.5rem;
+    margin-bottom: 0.8rem;
 }
 
 .legal-block a,