some style changes

src/app/pages/search/search.component.scss

@@ -56,36 +56,71 @@
 }
 
 .empty-state,
-.no-results,
 .loading-initial {
   text-align: center;
   padding: 60px 20px;
   color: #697777;
 }
 
-.no-results {
-  .no-results-icon {
-    margin-bottom: 20px;
-    opacity: 0.5;
-    display: flex;
-    justify-content: center;
-  }
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 80px 20px;
 
-  h2 {
-    font-size: 1.5rem;
-    color: #1e3c38;
-    margin-bottom: 12px;
+  .empty-state-icon {
+    width: 90px;
+    height: 90px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #f5f3f9;
+    border-radius: 50%;
+    margin-bottom: 20px;
   }
 
   p {
-    margin: 8px 0;
+    font-size: 1rem;
+    color: #a1b4b5;
+    margin: 0;
+  }
+}
+
+.no-results {
+  text-align: center;
+  padding: 80px 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  .no-results-icon {
+    width: 90px;
+    height: 90px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #f5f3f9;
+    border-radius: 50%;
+    margin-bottom: 20px;
+  }
+
+  h2 {
+    font-size: 1.25rem;
+    font-weight: 700;
+    color: #1e3c38;
+    margin: 0 0 8px 0;
+  }
+
+  p {
+    margin: 4px 0;
     color: #697777;
+    font-size: 0.95rem;
   }
 
   .hint {
-    font-size: 0.9rem;
+    font-size: 0.875rem;
     color: #a1b4b5;
-    margin-top: 16px;
+    margin-top: 12px;
   }
 }