style: change various settings

php/static/styles.css

@@ -45,9 +45,12 @@ body {
 .site-header {
   background: var(--card-bg);
   border-bottom: 1px solid var(--border);
-  position: sticky;
+  /* Make header fixed so it remains visible on long pages */
+  position: fixed;
   top: 0;
-  z-index: 10;
+  left: 0;
+  right: 0;
+  z-index: 1100;
 }
 .header-inner {
   display: flex;
@@ -87,6 +90,12 @@ body {
   padding: 0 20px;
 }
 
+/* Reserve space for fixed header so content doesn't jump under it */
+main.container { 
+  padding-top: 92px;
+  padding-bottom: 20px;
+}
+
 .card {
   background: var(--card-bg);
   margin: 24px 0;
@@ -250,9 +259,14 @@ input[type="checkbox"] {
   justify-content: flex-end;
 }
 
-.footer-note {
+.footer {
   margin-top: 18px;
   color: var(--muted);
+  margin-bottom: 15px;
+  padding-bottom: 15px;
+}
+.footer-note {
+  margin: 5px;
 }
 .footer-note a { color: var(--primary-700); text-decoration: none; }
 .footer-note a:hover { text-decoration: underline; }
@@ -336,7 +350,7 @@ input[type="checkbox"] {
 .service-card:hover {
   transform: translateY(-4px);
   box-shadow: 0 12px 40px rgba(0,0,0,.1);
-  border-color: var(--primary);
+  border: 2px solid var(--primary);
 }
 
 .service-icon {
@@ -481,7 +495,8 @@ input[type="checkbox"] {
 .legal-notice {
   background: rgba(11, 123, 214, 0.1);
   border-left: 4px solid var(--primary);
-  padding: 16px 20px;
+  border-radius: 12px;
+  padding: 20px;
   margin: 20px 0;
   border-radius: 8px;
 }
@@ -601,3 +616,4 @@ input[type="checkbox"] {
 [data-theme="dark"] .threshold-exceeded {
   background-color: rgba(239, 68, 68, 0.12);
 }
+