diff --git a/src/app/components/header/header.scss b/src/app/components/header/header.scss
index 70aa3da..6c36e6f 100644
--- a/src/app/components/header/header.scss
+++ b/src/app/components/header/header.scss
@@ -51,24 +51,47 @@
   gap: 10px;
   text-decoration: none;
   color: var(--text-main);
+  transition: transform 0.2s ease;
 
   .logo-icon {
-    width: 36px;
-    height: 36px;
-    background: linear-gradient(135deg, var(--brand-primary), #6A55FF);
+    width: 38px;
+    height: 38px;
+    background: conic-gradient(
+      from 210deg,
+      #1c38c9 0deg,
+      #3555ff 90deg,
+      #e33dcf 180deg,
+      #ff6b6b 250deg,
+      #2ecc71 320deg,
+      #1c38c9 360deg
+    );
     color: #fff;
-    border-radius: 10px;
+    border-radius: 50%;
     display: grid;
     place-items: center;
     font-size: 18px;
     flex: 0 0 auto;
+    box-shadow: 0 10px 24px rgba(28, 56, 201, 0.25);
   }
 
   .logo-text {
     font-size: 20px;
-    font-weight: 700;
-    letter-spacing: -0.5px;
-    .highlight { color: var(--text-main); }
+    font-weight: 800;
+    letter-spacing: -0.4px;
+    text-transform: lowercase;
+
+    .highlight {
+      background: linear-gradient(90deg, #1c38c9 0%, #6a55ff 45%, #e33dcf 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      text-transform: none;
+      margin-left: 4px;
+      font-weight: 700;
+    }
+  }
+
+  &:hover {
+    transform: translateY(-1px);
   }
 }
 
@@ -447,11 +470,19 @@
   .side-logo-icon {
     width: 38px;
     height: 38px;
-    border-radius: 12px;
+    border-radius: 50%;
     display: grid;
     place-items: center;
     color: #fff;
-    background: linear-gradient(135deg, var(--brand-primary), #6A55FF);
+    background: conic-gradient(
+      from 210deg,
+      #1c38c9 0deg,
+      #3555ff 90deg,
+      #e33dcf 180deg,
+      #ff6b6b 250deg,
+      #2ecc71 320deg,
+      #1c38c9 360deg
+    );
     i { font-size: 18px; }
   }
 
@@ -459,7 +490,16 @@
     font-weight: 900;
     font-size: 18px;
     letter-spacing: -0.4px;
-    .highlight { color: var(--text-main); }
+    text-transform: lowercase;
+
+    .highlight {
+      background: linear-gradient(90deg, #1c38c9 0%, #6a55ff 45%, #e33dcf 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      text-transform: none;
+      margin-left: 4px;
+      font-weight: 700;
+    }
   }
 }