Fix html

index.html

@@ -176,14 +176,19 @@
       color: var(--text-muted);
       text-transform: uppercase;
       letter-spacing: 0.12em;
+      cursor: pointer;
+      text-decoration: none;
+      display: inline-flex;
+      align-items: center;
     }
 
     .badge--accent {
-      border-color: rgba(56, 189, 248, 0.7);
-      background: var(--accent-soft);
-      color: #e0f2fe;
+      border-color: rgba(148, 163, 184, 0.55);
+      background: rgba(15, 23, 42, 0.85);
+      color: var(--text-muted);
     }
 
+
     .hero-meta {
       font-size: 11px;
       color: var(--text-muted);
@@ -339,13 +344,6 @@
           running fully on self-hosted hardware.
         </p>
 
-        <div class="badge-row">
-          <div class="badge badge--accent">K3s · Argo CD · GitOps</div>
-          <div class="badge">Grafana &amp; Prometheus</div>
-          <div class="badge">Keycloak SSO</div>
-          <div class="badge">Cloudflare · Tunnels</div>
-        </div>
-
         <div class="hero-meta">
           <div><strong>Primary use:</strong> learning, demos &amp; side projects</div>
           <div><strong>Status:</strong> internal lab — not a production service provider</div>