Kubestronaut Golden < Validated >

/* Main Badge Container */ .badge-container { position: relative; width: 320px; height: 320px; cursor: pointer; transition: transform 0.3s ease, filter 0.3s ease; }

<g fill="none" stroke="#DAA520" stroke-width="1.5"> <path d="M 60 85 Q 55 80 58 75"/> <path d="M 58 88 Q 52 83 55 78"/> <path d="M 56 91 Q 50 86 52 81"/> </g>

<circle cx="100" cy="100" r="32" fill="#2a2a3e" stroke="url(#goldGradient)" stroke-width="2.5"/> <circle cx="100" cy="100" r="28" fill="#1e1e2e" stroke="#DAA520" stroke-width="1"/>  <ellipse cx="100" cy="95" rx="18" ry="14" fill="#0a0a1e" stroke="url(#goldGradient)" stroke-width="1.5"/> <ellipse cx="100" cy="95" rx="15" ry="11" fill="url(#centerGlow)"/>  <ellipse cx="94" cy="91" rx="4" ry="3" fill="rgba(255,255,255,0.3)"/> kubestronaut golden

/* Tooltip */ .tooltip { position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.9); color: gold; padding: 8px 16px; border-radius: 20px; font-size: 14px; font-weight: bold; white-space: nowrap; pointer-events: none; opacity: 0; transition: opacity 0.3s ease; border: 1px solid gold; font-family: monospace; }

<g fill="none" stroke="#DAA520" stroke-width="1.5"> <path d="M 140 85 Q 145 80 142 75"/> <path d="M 142 88 Q 148 83 145 78"/> <path d="M 144 91 Q 150 86 148 81"/> </g> /* Main Badge Container */

/* SVG Badge */ .kubestronaut-badge { width: 100%; height: 100%; filter: drop-shadow(0 8px 16px rgba(0,0,0,0.3)); }

<g fill="url(#goldGradient)"> <circle cx="100" cy="25" r="5"/> <circle cx="100" cy="175" r="5"/> <circle cx="25" cy="100" r="5"/> <circle cx="175" cy="100" r="5"/> <circle cx="47" cy="47" r="4"/> <circle cx="153" cy="153" r="4"/> <circle cx="47" cy="153" r="4"/> <circle cx="153" cy="47" r="4"/> </g> transition: transform 0.3s ease

<path d="M 85 112 Q 100 118 115 112" fill="none" stroke="url(#goldGradient)" stroke-width="1.5"/>