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

<!-- Astronaut helmet (center) --> <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"/> <!-- Visor --> <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)"/> <!-- Visor reflection --> <ellipse cx="94" cy="91" rx="4" ry="3" fill="rgba(255,255,255,0.3)"/>

<!-- Kubestronaut text --> <text x="100" y="145" text-anchor="middle" fill="url(#goldGradient)" font-size="8" font-weight="bold" font-family="monospace" letter-spacing="1"> KUBESTRONAUT </text>

Kubestronaut Golden -

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

<!-- Astronaut helmet (center) --> <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"/> <!-- Visor --> <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)"/> <!-- Visor reflection --> <ellipse cx="94" cy="91" rx="4" ry="3" fill="rgba(255,255,255,0.3)"/>

<!-- Kubestronaut text --> <text x="100" y="145" text-anchor="middle" fill="url(#goldGradient)" font-size="8" font-weight="bold" font-family="monospace" letter-spacing="1"> KUBESTRONAUT </text>