CosmoUp Space Logo

<div class="w-full h-full">
  <svg viewBox="0 0 200 200" class="w-full h-full">
    <defs>
      <radialgradient id="spaceGrad" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
        <stop offset="0%" stop-color="#1e3a8a"></stop>
        <stop offset="100%" stop-color="#020617"></stop>
      </radialgradient>
      <lineargradient id="silverBorder" x1="0%" y1="0%" x2="100%" y2="100%">
        <stop offset="0%" stop-color="#cbd5e1"></stop>
        <stop offset="50%" stop-color="#64748b"></stop>
        <stop offset="100%" stop-color="#cbd5e1"></stop>
      </lineargradient>
      <path id="textCurve" d="M 30,100 A 70,70 0 0,1 170,100" fill="transparent"></path>
    </defs>
    <circle cx="100" cy="100" r="95" fill="url(#spaceGrad)" stroke="url(#silverBorder)" stroke-width="6"></circle>
    <g transform="translate(100, 110) rotate(-10) scale(1, 0.4)">
      <ellipse cx="0" cy="0" rx="60" ry="60" fill="none" stroke="#60a5fa" stroke-width="2" opacity="0.6"></ellipse>
      <ellipse cx="0" cy="0" rx="45" ry="45" fill="none" stroke="#fbbf24" stroke-width="3" opacity="0.8"></ellipse>
      <ellipse cx="0" cy="0" rx="30" ry="30" fill="none" stroke="#fff" stroke-width="1" opacity="0.5"></ellipse>
    </g>
    <g transform="translate(100, 95) rotate(25)">
      <path d="M -5,20 Q 0,40 5,20 Z" fill="#fbbf24"></path>
      <path d="M -10,20 L -10,-10 Q 0,-35 10,-10 L 10,20 Z" fill="#e2e8f0" stroke="#475569" stroke-width="1"></path>
      <circle cx="0" cy="-5" r="4" fill="#3b82f6" stroke="#1e293b" stroke-width="1"></circle>
      <path d="M -10,10 L -18,25 L -10,20 Z" fill="#1e293b"></path>
      <path d="M 10,10 L 18,25 L 10,20 Z" fill="#1e293b"></path>
    </g>
    <text width="200">
      <textpath href="#textCurve" startOffset="50%" text-anchor="middle" class="fill-white font-bold tracking-widest text-2xl font-sans" style="letter-spacing: 0.2em; font-family: Arial, Helvetica, sans-serif;">COSMO</textpath>
    </text>
    <text x="100" y="160" text-anchor="middle" class="fill-white font-bold text-4xl font-sans" style="font-family: 'Arial Black', Arial, sans-serif;">UP</text>
    <path d="M 70,170 L 130,170" stroke="white" stroke-width="2" stroke-linecap="round" opacity="0.8"></path>
  </svg>
</div>