diff --git a/backgrounds/background-4kuhd.png b/backgrounds/background-4kuhd.png
new file mode 100644
index 0000000..fa43706
Binary files /dev/null and b/backgrounds/background-4kuhd.png differ
diff --git a/backgrounds/background-exporter.html b/backgrounds/background-exporter.html
new file mode 100644
index 0000000..9b22bea
--- /dev/null
+++ b/backgrounds/background-exporter.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html>
+<body style="margin:0; background:#000;">
+
+<script>
+async function inlineAndExport() {
+  const parser = new DOMParser();
+
+  // Load background
+  const bgText = await (await fetch("background.svg")).text();
+  const bgDoc = parser.parseFromString(bgText, "image/svg+xml");
+  const svg = bgDoc.documentElement;
+
+  // Find the <image> referencing the logo (first one)
+  const imgEl = svg.querySelector("image[href], image[xlink\\:href]");
+  if (!imgEl) {
+    console.error("No <image> element found in background.svg");
+    return;
+  }
+
+  const logoHref = imgEl.getAttribute("href") || imgEl.getAttribute("xlink:href");
+
+  // Load logo
+  const logoText = await (await fetch(logoHref)).text();
+  const logoDoc = parser.parseFromString(logoText, "image/svg+xml");
+  const logoSvg = logoDoc.documentElement;
+
+  // Extract inner content of logo.svg
+  const logoInner = Array.from(logoSvg.childNodes)
+    .filter(n => n.nodeType === 1)
+    .map(n => n.outerHTML)
+    .join("");
+
+  // Read logo viewBox
+  const vb = logoSvg.getAttribute("viewBox").split(" ").map(Number);
+  const vbWidth = vb[2];
+  const vbHeight = vb[3];
+
+  // Read <image> geometry
+  const x = parseFloat(imgEl.getAttribute("x") || 0);
+  const y = parseFloat(imgEl.getAttribute("y") || 0);
+  const w = parseFloat(imgEl.getAttribute("width"));
+  const h = parseFloat(imgEl.getAttribute("height"));
+
+  // Compute scale
+  const scaleX = w / vbWidth;
+  const scaleY = h / vbHeight;
+
+  // Create <g> with correct transform
+  const g = bgDoc.createElementNS("http://www.w3.org/2000/svg", "g");
+  g.setAttribute("transform", `translate(${x},${y}) scale(${scaleX},${scaleY})`);
+
+  // ⭐ NEW: preserve width/height from the original <image>
+  g.setAttribute("width", imgEl.getAttribute("width"));
+  g.setAttribute("height", imgEl.getAttribute("height"));
+
+  g.innerHTML = logoInner;
+
+  // Replace <image> with <g>
+  imgEl.replaceWith(g);
+
+  // Serialize final SVG
+  const finalSVG = new XMLSerializer().serializeToString(svg);
+  const svg64 = btoa(unescape(encodeURIComponent(finalSVG)));
+
+  // Render to <img>
+  const img = new Image();
+  img.src = "data:image/svg+xml;base64," + svg64;
+  await img.decode();
+
+  // Export helper
+  function exportPNG(width, height, filename) {
+    const canvas = document.createElement("canvas");
+    canvas.width = width;
+    canvas.height = height;
+    const ctx = canvas.getContext("2d");
+    ctx.drawImage(img, 0, 0, width, height);
+
+    const a = document.createElement("a");
+    a.download = filename;
+    a.href = canvas.toDataURL("image/png");
+    a.click();
+  }
+
+  // Export all sizes
+  exportPNG(1920, 1080, "background-fhd.png");
+  exportPNG(2560, 1440, "background-wqhd.png");
+  exportPNG(3440, 1440, "background-uwqhd.png");
+  exportPNG(3840, 2160, "background-4kuhd.png");
+}
+
+inlineAndExport();
+</script>
+
+</body>
+</html>
+
diff --git a/backgrounds/background-fhd.png b/backgrounds/background-fhd.png
new file mode 100644
index 0000000..dc967bb
Binary files /dev/null and b/backgrounds/background-fhd.png differ
diff --git a/backgrounds/background-uwqhd.png b/backgrounds/background-uwqhd.png
new file mode 100644
index 0000000..dd64753
Binary files /dev/null and b/backgrounds/background-uwqhd.png differ
diff --git a/backgrounds/background-wqhd.png b/backgrounds/background-wqhd.png
new file mode 100644
index 0000000..e699be4
Binary files /dev/null and b/backgrounds/background-wqhd.png differ
diff --git a/backgrounds/background.svg b/backgrounds/background.svg
new file mode 100644
index 0000000..0878f37
--- /dev/null
+++ b/backgrounds/background.svg
@@ -0,0 +1,133 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 1600 900"
+	preserveAspectRatio="xMidYMid slice"
+	width="100%"
+	height="100%"
+>
+	<style>
+		@font-face {
+			font-family: "InterLogo";
+			src: url("data:font/woff2;base64,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") format("woff2");
+			font-weight: 100 900;
+			font-style: normal;
+		}
+		:root {
+			/* --- Catppuccin Macchiato Core --- */
+			--rosewater: #f4dbd6;
+			--flamingo: #f0c6c6;
+			--pink: #f5bde6;
+			--mauve: #c6a0f6;
+			--red: #ed8796;
+			--maroon: #ee99a0;
+			--peach: #f5a97f;
+			--yellow: #eed49f;
+			--green: #a6da95;
+			--teal: #8bd5ca;
+			--sky: #91d7e3;
+			--sapphire: #7dc4e4;
+			--blue: #8aadf4;
+			--lavender: #b7bdf8;
+			/* --- Neutrals --- */
+			--text: #cad3f5;
+			--subtext1: #b8c0e0;
+			--subtext0: #a5adcb;
+			--overlay2: #939ab7;
+			--overlay1: #8087a2;
+			--overlay0: #6e738d;
+			--surface2: #5b6078;
+			--surface1: #494d64;
+			--surface0: #363a4f;
+			--base: #24273a;
+			--mantle: #1e2030;
+			--crust: #181926;
+			/* --- Colors in Background --- */
+			--bg-color: var(--crust);
+			--hex-grid-color: color-mix(in srgb, var(--mauve) 6%, var(--surface0));
+			--logo-bg-color: var(--mantle);
+			--logo-border-color-outer: var(--surface1);
+			--logo-border-color-inner: var(--surface0);
+			--shadow-color: var(--blue);
+		}
+	</style>
+
+	<defs>
+		<!-- Hexagon Grid Pattern -->
+		<pattern id="hexagon-grid" width="29" height="50.115" patternTransform="scale(1.2)" patternUnits="userSpaceOnUse">
+			<rect width="100%" height="100%" fill="var(--bg-color)" />
+			<path
+				fill="none"
+				stroke-width="0.75"
+				stroke="var(--hex-grid-color)"
+				d="
+					M14.498,16.858 0,8.488 0.002,-8.257 14.5,-8.374 29,-8.26 28.998,8.485 Z
+					M14.498,66.918 0,58.548 0.002,41.803 14.5,33.43 29,41.8 28.998,58.544 Z
+					M28.996,41.8 14.498,33.43 14.5,16.686 29,8.312 43.4981,6.682 43.496,33.427 Z
+					M-0.004,41.8 -14.502,33.43 -14.5,16.686 0,8.312 14.498,16.682 14.496,33.427 Z"
+			/>
+		</pattern>
+		<!-- Vignette radial gradient -->
+		<radialGradient id="vignette" cx="50%" cy="50%" r="70%">
+			<stop offset="0%" stop-color="var(--crust)" stop-opacity="0" />
+			<stop offset="100%" stop-color="var(--crust)" stop-opacity=".4" />
+		</radialGradient>
+		<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
+			<feDropShadow dx="0" dy="0" stdDeviation="34" flood-color="var(--shadow-color)" flood-opacity="0.45"/>
+		</filter>
+		<filter id="noise">
+			<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="3" result="noise"/>
+			<feColorMatrix type="matrix" values="0 0 0 0 0.55 0 0 0 0 0.60 0 0 0 0 0.95 0 0 0 0.04 0" />
+
+		</filter>
+		<clipPath id="circle-clip">
+			<circle cx="0" cy="0" r="148" />
+		</clipPath>
+	</defs>
+	<g id="background">
+		<!-- Background -->
+		<rect width="100%" height="100%" fill="var(--bg-color)" />
+
+		<!-- Hexagon-Overlay -->
+		<rect width="100%" height="100%" fill="url(#hexagon-grid)" />
+
+		<!-- Vignette -->
+		<rect width="100%" height="100%" fill="url(#vignette)" />
+	</g>
+
+	<g id="center-logo" transform="translate(800, 450)" fill="url(#logo-spot-rect)" filter="url(#shadow)">
+		<circle
+			cx="0" cy="0" r="150"
+			fill="var(--logo-bg-color)"
+			opacity="0.95"
+		/>
+
+		<g clip-path="#circle-clip)">
+			<circle
+				cx="0" cy="0" r="148"
+				filter="url(#noise)"
+				clip-path="url(#circle-clip)"
+			/>
+		</g>
+
+		<circle
+			cx="0" cy="0" r="150"
+			stroke="var(--logo-border-color-outer)"
+			stroke-width="1"
+		/>
+		<circle
+			cx="0" cy="0" r="149"
+			stroke="var(--logo-border-color-inner)"
+			stroke-width="1"
+			opacity="0.5"
+		/>
+		<g>
+			<image
+				href="../icons/fz-stack-transparent.svg"
+				x="-100" y="-100"
+				width="200" height="200"
+				id="center-logo"
+			/>
+		</g>
+	</g>
+</svg>
+
diff --git a/icons/fz-stack-transparent.svg b/icons/fz-stack-transparent.svg
index da4ba66..59a4c17 100644
--- a/icons/fz-stack-transparent.svg
+++ b/icons/fz-stack-transparent.svg
@@ -4,7 +4,8 @@
 	viewBox="0 0 220 220"
 	role="img"
 	aria-labelledby="title desc"
-	xmlns="http://www.w3.org/2000/svg">
+	xmlns="http://www.w3.org/2000/svg"
+	id="icon">
 	<style type="text/css"><![CDATA[
 		@font-face {
 			font-family: "InterLogo";
diff --git a/icons/fz-stack.svg b/icons/fz-stack.svg
index a169215..1782645 100644
--- a/icons/fz-stack.svg
+++ b/icons/fz-stack.svg
@@ -4,7 +4,8 @@
 	viewBox="0 0 220 220"
 	role="img"
 	aria-labelledby="title desc"
-	xmlns="http://www.w3.org/2000/svg">
+	xmlns="http://www.w3.org/2000/svg"
+	id="icon">
 	<style type="text/css"><![CDATA[
 		@font-face {
 			font-family: "InterLogo";
