style(footer): redesign footer with dark background and brand label

Replace the light frosted-glass footer with a dark-themed one using
oklch colors. Add link hover states, a footer-brand element showing
'Awesome Python', and switch alignment to space-between to accommodate
the new brand label.

Co-Authored-By: Claude <noreply@anthropic.com>

website/static/style.css

@@ -856,16 +856,28 @@ th[data-sort].sort-asc::after {
 
 .footer {
   margin-top: auto;
-  border-top: 1px solid var(--line);
+  background: oklch(16% 0.025 35);
-  background: oklch(98.4% 0.01 80 / 0.88);
+  padding: 2rem var(--shell-pad);
-  backdrop-filter: blur(14px);
-  padding: 1.2rem var(--shell-pad);
   display: flex;
   align-items: center;
-  justify-content: flex-end;
+  justify-content: space-between;
   gap: 1rem;
   font-size: var(--text-xs);
-  color: var(--ink-muted);
+  color: oklch(72% 0.02 75);
+}
+
+.footer a {
+  color: oklch(82% 0.02 75);
+}
+
+.footer a:hover {
+  color: oklch(95% 0.01 80);
+}
+
+.footer-brand {
+  font-weight: 700;
+  letter-spacing: 0.03em;
+  color: oklch(82% 0.02 75);
 }
 
 .footer-links {
@@ -874,7 +886,7 @@ th[data-sort].sort-asc::after {
 }
 
 .footer-sep {
-  color: var(--line-strong);
+  color: oklch(40% 0.02 55);
 }
 
 .noscript-msg {

website/templates/base.html

@@ -44,6 +44,7 @@
     <main id="content">{% block content %}{% endblock %}</main>
 
     <footer class="footer">
+      <span class="footer-brand">Awesome Python</span>
       <div class="footer-links">
         <span
           >Made by