Rebrand application as MetalCircle

app/static/css/style.css

@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Metal+Mania&family=Roboto+Condensed:wght@400;500;700&display=swap');
-
 :root {
     --bg: #050505;
     --surface: #101010;
@@ -59,11 +57,16 @@ header {
 }
 
 .logo {
-    font-size: 1.4rem;
-    font-weight: 800;
-    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
-    letter-spacing: .06em;
-    text-transform: uppercase;
+    display: inline-flex;
+    align-items: center;
+}
+
+.brand-logo {
+    display: block;
+    width: min(300px, 48vw);
+    height: auto;
+    max-height: 74px;
+    object-fit: contain;
 }
 
 .logo span {
@@ -378,6 +381,14 @@ form .button {
 .admin-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
 .admin-danger { padding: 9px 12px; color: #fecaca; border: 1px solid #7f1d1d; background: #450a0a; border-radius: 8px; cursor: pointer; }
 .admin-danger:disabled { opacity: .4; cursor: not-allowed; }
+.data-export { margin: 18px 0 0; text-align: right; font-size: .8rem; }
+.data-export a { color: var(--muted); text-decoration: underline; }
+.data-export a:hover { color: var(--text); }
+.legal-copy { max-width: 820px; margin-left: auto; margin-right: auto; line-height: 1.65; }
+.legal-copy h2 { margin-top: 28px; color: #fca5a5; }
+.legal-copy h2:first-child { margin-top: 0; }
+.legal-copy a { color: #f87171; text-decoration: underline; }
+.legal-note { margin-top: 28px; padding: 12px 14px; color: var(--muted); background: rgba(5,5,5,.45); border-left: 3px solid var(--accent); font-size: .9rem; }
 
 /* Heavy-Metal-Theme: Poster, Bühne und Backstage-Pass statt Standard-UI */
 body::after {
@@ -397,12 +408,12 @@ body::after {
 header, main, .container { position: relative; z-index: 1; }
 
 h1, h2, h3, .logo, .page-title h1 {
-    font-family: "Metal Mania", Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
+    font-family: "Nimbus Sans Narrow", Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
     letter-spacing: .055em;
 }
 
 .button, button {
-    font-family: "Roboto Condensed", "Nimbus Sans Narrow", system-ui, sans-serif;
+    font-family: "Nimbus Sans Narrow", system-ui, sans-serif;
     letter-spacing: .06em;
 }