feat: add YouTube link to header

webui/assets/style.css

@@ -380,3 +380,43 @@ select {
 .tab-content.active {
   display: block;
 }
+
+/* YouTube Link */
+.youtube-link {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.75rem;
+    padding: 0.75rem 1rem;
+    background: linear-gradient(135deg, #FF0000 0%, #CC0000 100%);
+    color: white;
+    text-decoration: none;
+    border-radius: 8px;
+    font-weight: 600;
+    font-size: 0.875rem;
+    box-shadow: 0 2px 8px rgba(255, 0, 0, 0.3);
+    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+    animation: pulse-glow 2s ease-in-out infinite;
+    margin-top: 1rem;
+}
+
+.youtube-link:hover {
+    transform: translateY(-2px) scale(1.03);
+    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.5);
+    animation: none;
+    color: white;
+}
+
+.youtube-icon {
+    width: 1.25rem;
+    height: 1.25rem;
+    flex-shrink: 0;
+}
+
+@keyframes pulse-glow {
+    0%, 100% {
+        box-shadow: 0 2px 8px rgba(255, 0, 0, 0.3);
+    }
+    50% {
+        box-shadow: 0 2px 15px rgba(255, 0, 0, 0.5);
+    }
+}

webui/index.php

@@ -19,7 +19,16 @@
                 UltyScan
             </h1>
             <p class="subtitle">Attack Surface Management Platform</p>
-            <div style="margin-top: 1rem; display: flex; align-items: center; justify-content: center; gap: 1rem;">
+
+            <!-- YouTube Link -->
+            <a href="https://www.youtube.com/@beyondcloudtechnology" target="_blank" rel="noopener noreferrer" class="youtube-link">
+                <svg class="youtube-icon" viewBox="0 0 24 24" fill="currentColor">
+                    <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" />
+                </svg>
+                Watch on YouTube @beyondcloudtechnology
+            </a>
+
+            <div style="margin-top: 1.5rem; display: flex; align-items: center; justify-content: center; gap: 1rem;">
                 <span id="scan-status" class="status-badge status-idle">Idle</span>
                 <button id="stop-scan-btn" class="btn btn-danger" style="display: none; padding: 0.5rem 1rem; font-size: 0.85rem;" onclick="stopAllScans()">
                     ⏹ Stop Scan