Update service card display and enhance logo styling

index.html

@@ -89,7 +89,7 @@
 
             const span = document.createElement('div');
             span.className = 'label';
-            span.textContent = `${name}${port?(' ('+port+')'):''}`;
+            span.textContent = `${name}`;
 
             a.appendChild(img);
             a.appendChild(span);

styles.css

@@ -11,7 +11,7 @@ main{max-width:1100px;margin:18px auto;padding:12px}
 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
 .card{display:flex;align-items:center;justify-content:center;padding:18px;border-radius:10px;background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,0.03);font-weight:600;transition:transform .12s ease,box-shadow .12s ease}
 .card:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(15,20,32,0.6)}
-.card .logo{width:36px;height:36px;margin-right:12px;flex:0 0 36px}
+.card .logo{width:36px;height:36px;margin-right:12px;flex:0 0 36px;filter:brightness(0) invert(1)}
 .card .label{flex:1;text-align:left}
 .notes{margin-top:18px;background:rgba(255,255,255,0.02);padding:12px;border-radius:8px;color:var(--muted)}
 footer{padding:12px 20px;text-align:center;color:var(--muted);font-size:12px}