diff --git a/bin/inventory-cdc-demo b/bin/inventory-cdc-demo
index 27e90c1..944d7ec 100755
Binary files a/bin/inventory-cdc-demo and b/bin/inventory-cdc-demo differ
diff --git a/cmd/server/internal/web/static/css/style.css b/cmd/server/internal/web/static/css/style.css
index 11de272..1382bd1 100644
--- a/cmd/server/internal/web/static/css/style.css
+++ b/cmd/server/internal/web/static/css/style.css
@@ -171,20 +171,38 @@ main {
text-shadow: 0 0 8px rgba(138, 173, 244, 0.25);
}
-/* FOOTER (Brighter via --footer-bg) */
footer {
- padding: 0.9rem 1.5rem;
- color: var(--ink-muted);
- font-size: 0.68rem;
- letter-spacing: 0.05em;
- border-top: 1px solid var(--border-soft);
- background: var(--footer-bg); /* Changed from nav-bg to footer-bg for distinction */
- display: flex;
- justify-content: center;
- backdrop-filter: blur(12px);
- -webkit-backdrop-filter: blur(12px);
+ position: relative;
+ z-index: 10;
+ padding: 0.9rem 2rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 1.5rem;
+ font-family: 'Noto Sans', sans-serif;
+ font-weight: 300;
+ font-size: 0.72rem;
+ letter-spacing: 0.05em;
+ color: var(--ink-muted);
+ border-top: 1px solid var(--border);
+ background: var(--nav-bg);
+ backdrop-filter: blur(12px);
+ -webkit-backdrop-filter: blur(12px);
+ transition: background 0.3s ease;
+}
+
+.footer-icon {
+ color: var(--ink-muted);
+ text-decoration: none;
+ transition: all 0.25s ease;
+ display: flex;
+ align-items: center;
+ border-bottom: none;
+}
+.footer-icon:hover {
+ color: var(--accent);
+ border-bottom: none;
}
-footer a, a { color: var(--link); }
h1, h2, h3 {
font-family: inherit;
diff --git a/cmd/server/internal/web/templates/index.html b/cmd/server/internal/web/templates/index.html
index 66de6cc..6a087b8 100644
--- a/cmd/server/internal/web/templates/index.html
+++ b/cmd/server/internal/web/templates/index.html
@@ -23,7 +23,7 @@
@@ -132,9 +132,19 @@
+