Homepage polish: tagline styling, icon spacing, tooltips

- Tagline: smaller font, drop shadow, 3px offset, 3px left padding
- Icons: reduced gap from gap-5 to gap-4
- Channel badge tooltips: descriptive hover text for private/public

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

frontends/web/templates/index.html

@@ -52,12 +52,12 @@
         </div>
         <div>
             <h1 class="display-5 fw-bold title-gold mb-0">Stegasoo</h1>
-            <p class="text-muted mb-0 small">Hide encrypted data in plain sight.</p>
+            <p class="text-muted mb-0 small" style="margin-top: 3px; padding-left: 3px; font-size: 0.85rem; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);">Hide encrypted data in plain sight.</p>
         </div>
     </div>
 
     <!-- Action Icons -->
-    <div class="d-flex gap-5">
+    <div class="d-flex gap-4">
         <a href="/encode" class="home-icon"><i class="bi bi-lock-fill"></i><span>Encode</span></a>
         <a href="/decode" class="home-icon"><i class="bi bi-unlock-fill"></i><span>Decode</span></a>
         <a href="/generate" class="home-icon"><i class="bi bi-key-fill"></i><span>Generate</span></a>