<svg width="520" height="120" viewBox="0 0 520 120" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title desc">
  <title id="title">SpeakEasy Logo</title>
  <desc id="desc">Speech bubble portal symbol with wordmark SpeakEasy.</desc>
  <defs>
    <linearGradient id="bgGrad" x1="0" y1="0" x2="120" y2="120" gradientUnits="userSpaceOnUse">
      <stop stop-color="#FFB703"/>
      <stop offset="1" stop-color="#FB8500"/>
    </linearGradient>
    <linearGradient id="waveGrad" x1="12" y1="12" x2="104" y2="104" gradientUnits="userSpaceOnUse">
      <stop stop-color="#00C2A8"/>
      <stop offset="1" stop-color="#7EFCE2"/>
    </linearGradient>
    <filter id="softShadow" x="0" y="0" width="140" height="140" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
      <feDropShadow dx="0" dy="8" stdDeviation="8" flood-color="#000000" flood-opacity="0.22"/>
    </filter>
  </defs>

  <g filter="url(#softShadow)">
    <rect x="10" y="10" width="100" height="100" rx="24" fill="url(#bgGrad)"/>
    <path d="M30 38C30 29.16 37.16 22 46 22H74C82.84 22 90 29.16 90 38V56C90 64.84 82.84 72 74 72H57L44 85V72H46C37.16 72 30 64.84 30 56V38Z" fill="#0E2030"/>
    <path d="M56 38C63 38 68.5 43.8 68.5 51C68.5 58.2 63 64 56 64" stroke="url(#waveGrad)" stroke-width="5" stroke-linecap="round"/>
    <path d="M66 34C74.8 34 82 41.5 82 50.5C82 59.5 74.8 67 66 67" stroke="url(#waveGrad)" stroke-width="4" stroke-linecap="round" opacity="0.85"/>
    <circle cx="92" cy="22" r="6" fill="#00C2A8"/>
  </g>

  <text x="132" y="66" fill="#F4F9FF" font-size="50" font-weight="800" font-family="Manrope, Segoe UI, Arial, sans-serif" letter-spacing="0.2">Speak<tspan fill="#00C2A8">Easy</tspan></text>
  <text x="133" y="92" fill="#C7D9EC" font-size="16" font-weight="600" font-family="Manrope, Segoe UI, Arial, sans-serif" letter-spacing="0.6">Aprenda ingles vivendo o idioma</text>
</svg>
