Merge remote-tracking branch 'origin/dev' into dev

frontend/src/components/Header.jsx

@@ -5,7 +5,13 @@ const Header = () => {
   const { t } = useTranslation();
 
   return (
-    <header className="py-5 text-center position-relative">
+    <header className="imperial-header py-5 text-center position-relative">
+      <img
+        src="/images/purity.png"
+        alt="Purity Seal"
+        className="purity-seal left"
+      />
+
       <h1 className="mb-2">Adeptus Miniaturium</h1>
       <p className="m-0">{t("header.subtitle")}</p>
     </header>

frontend/src/css/Header.css

@@ -6,6 +6,28 @@ header {
     box-shadow: 0 10px 30px rgba(0,0,0,0.9);
 }
 
+.imperial-header {
+    overflow: visible;
+    z-index: 1000;
+}
+
+.purity-seal {
+    position: absolute;
+    top: 5px;
+    width: 196px;
+    z-index: 10;
+    pointer-events: none;
+}
+
+.purity-seal.left {
+    left: 8%;
+}
+
+.purity-seal.right {
+    right: 5%;
+    transform: rotate(10deg);
+}
+
 header h1 {
     font-family: 'Cinzel', serif;
     font-size: 3.5rem;