<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 90" width="100%" height="100%">
  <defs>
    <linearGradient id="cgrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#00D2FF"/>
      <stop offset="50%" stop-color="#00F5D4"/>
      <stop offset="100%" stop-color="#7B2CBF"/>
    </linearGradient>
    <filter id="cshadow" x="-10%" y="-10%" width="120%" height="120%">
      <feDropShadow dx="0" dy="2" stdDeviation="2" flood-color="#000" flood-opacity="0.3"/>
    </filter>
  </defs>
  <!-- Background pill shape -->
  <rect x="10" y="8" width="300" height="74" rx="37" fill="#120D31"/>
  <!-- Decorative playful dots -->
  <circle cx="42" cy="45" r="18" fill="#FF007F" filter="url(#cshadow)"/>
  <circle cx="278" cy="45" r="18" fill="#FFBE0B" filter="url(#cshadow)"/>
  <circle cx="38" cy="41" r="5" fill="#FFFFFF"/>
  <circle cx="274" cy="41" r="5" fill="#FFFFFF"/>
  <!-- Lettering CARTOONITO -->
  <text x="160" y="54" text-anchor="middle" font-family="'Fredoka', 'Nunito', 'Arial Black', sans-serif" font-size="34" font-weight="900" letter-spacing="2" fill="#FFFFFF" filter="url(#cshadow)">
    CARTOON<tspan fill="#00F5D4">ITO</tspan>
  </text>
</svg>
