<!-- 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>
.badge-container:hover { transform: scale(1.05); filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.5)); } kubestronaut golden
/* Achievement text */ .achievement-text { text-align: center; margin-top: 80px; color: white; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; font-weight: 300; } !-- Kubestronaut text -->
<!-- Kubernetes Helms (Ship Steering Wheel) - Top --> <g stroke="url(#goldGradient)" stroke-width="3" fill="none"> <!-- Main helm lines --> <line x1="100" y1="30" x2="100" y2="65"/> <line x1="100" y1="135" x2="100" y2="170"/> <line x1="30" y1="100" x2="65" y2="100"/> <line x1="135" y1="100" x2="170" y2="100"/> <line x1="50" y1="50" x2="75" y2="75"/> <line x1="125" y1="125" x2="150" y2="150"/> <line x1="50" y1="150" x2="75" y2="125"/> <line x1="150" y1="50" x2="125" y2="75"/> </g> .badge-container:hover { transform: scale(1.05)
/* Outer ring glow effect */ .badge-container::before { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; background: radial-gradient(circle, rgba(255,215,0,0.2), transparent); border-radius: 50%; z-index: -1; animation: pulseGlow 2s ease-in-out infinite; }
<!-- Golden laurel leaves (left side) --> <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>