Show terminal glyph in the page logo tile

style.css

@@ -72,23 +72,31 @@ body {
   gap: 16px;
 }
 
-.logo-dot {
+.logo-tile {
   width: 46px;
   height: 46px;
   border-radius: 14px;
   background: linear-gradient(135deg, var(--accent), var(--accent-2));
   box-shadow: 0 10px 30px -8px rgba(247, 107, 47, 0.5);
-  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   flex: none;
 }
 
-.logo-dot::after {
-  content: "";
-  position: absolute;
-  inset: 10px;
-  border-radius: 8px;
-  background: rgba(7, 11, 20, 0.55);
-  backdrop-filter: blur(2px);
+.logo-tile svg {
+  width: 28px;
+  height: 28px;
+  display: block;
+}
+
+/* terminal glyph (feathericon "terminal", MIT) on the accent tile */
+.logo-tile .logo-frame {
+  fill: var(--bg-soft);
+}
+
+.logo-tile .logo-cursor {
+  fill: var(--text);
 }
 
 .brand-text h1 {