diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..2185db0
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="100%" x2="100%" y2="0%">
+      <stop offset="3%" style="stop-color:hsl(240,1%,25%)"/>
+      <stop offset="97%" style="stop-color:hsl(0,0%,19%)"/>
+    </linearGradient>
+  </defs>
+  <rect width="64" height="64" rx="14" fill="url(#bg)"/>
+  <!-- Crown -->
+  <path d="M10 44 L10 24 L22 34 L32 16 L42 34 L54 24 L54 44 Z"
+        fill="hsl(45,100%,72%)" stroke="hsl(45,100%,72%)" stroke-width="1" stroke-linejoin="round"/>
+  <rect x="10" y="44" width="44" height="6" rx="2" fill="hsl(45,100%,72%)"/>
+  <!-- jewels -->
+  <circle cx="22" cy="38" r="2.5" fill="hsl(240,1%,17%)"/>
+  <circle cx="32" cy="35" r="2.5" fill="hsl(240,1%,17%)"/>
+  <circle cx="42" cy="38" r="2.5" fill="hsl(240,1%,17%)"/>
+</svg>
diff --git a/src/app/shared/dynamic-popup/dynamic-popup.scss b/src/app/shared/dynamic-popup/dynamic-popup.scss
index bc3edaf..939b33f 100644
--- a/src/app/shared/dynamic-popup/dynamic-popup.scss
+++ b/src/app/shared/dynamic-popup/dynamic-popup.scss
@@ -6,8 +6,10 @@
   width: min(92vw, 820px);
   max-width: 820px;
   color: var(--white-2);
-  box-shadow: 0 24px 64px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.08);
-  border: 1px solid rgba(255,255,255,0.10);
+  /* Subtle, thinner border using a dull gold */
+  border: 1.2px solid hsla(45, 100%, 72%, 0.45);
+  /* Softer shadow for separation */
+  box-shadow: 0 0 0 1.5px rgba(45, 45, 45, 0.5), 0 24px 64px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.08);
   font-family: var(--ff-poppins);
   animation: popupFade 220ms cubic-bezier(0.22, 1, 0.36, 1);
   max-height: 78vh;
diff --git a/src/index.html b/src/index.html
index 71b0f64..aa44f63 100644
--- a/src/index.html
+++ b/src/index.html
@@ -5,7 +5,7 @@
   <title>PortfolioAdmin</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link rel="icon" type="image/svg+xml" href="favicon.svg">
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">