Add Superpowers Agent and unique banner

assets/superpowers_agent.svg

@@ -0,0 +1,37 @@
+<svg width="400" height="250" viewBox="0 0 400 250" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="grad_superpowers" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#00F2FE;stop-opacity:1" /> <!-- Cyan -->
+      <stop offset="100%" style="stop-color:#7000FF;stop-opacity:1" /> <!-- Deep Purple -->
+    </linearGradient>
+    <filter id="glow_superpowers">
+      <feGaussianBlur stdDeviation="3" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+  
+  <!-- Background Container -->
+  <rect width="400" height="250" fill="#050510" rx="15" ry="15"/>
+  
+  <!-- Neon Border -->
+  <rect x="2" y="2" width="396" height="246" fill="none" stroke="url(#grad_superpowers)" stroke-width="3" rx="12" ry="12" filter="url(#glow_superpowers)"/>
+  
+  <!-- Central Icon (Lightning Shield) -->
+  <g transform="translate(200, 105)">
+      <!-- Hexagon Background for Icon -->
+      <path d="M0 -50 L43.3 -25 L43.3 25 L0 50 L-43.3 25 L-43.3 -25 Z" fill="url(#grad_superpowers)" opacity="0.1" />
+      <path d="M0 -50 L43.3 -25 L43.3 25 L0 50 L-43.3 25 L-43.3 -25 Z" fill="none" stroke="url(#grad_superpowers)" stroke-width="2" />
+      
+      <!-- Inner Symbol (Lightning Bolt) -->
+      <path d="M5 -30 L-15 5 L5 5 L-5 35 L15 0 L-5 0 Z" fill="white" filter="url(#glow_superpowers)"/>
+  </g>
+  
+  <!-- Agent Title -->
+  <text x="200" y="185" font-family="Arial, Helvetica, sans-serif" font-size="22" fill="#ffffff" text-anchor="middle" font-weight="bold" letter-spacing="1.5">SUPERPOWERS AGENT</text>
+  
+  <!-- Agent Subtitle -->
+  <text x="200" y="210" font-family="Arial, Helvetica, sans-serif" font-size="10" fill="#00F2FE" text-anchor="middle" letter-spacing="0.8" font-weight="bold">PROFESSIONAL METHODOLOGY &amp; TDD</text>
+</svg>