<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 450" width="100%" height="100%">
  <defs>
    <!-- Gradients -->
    <linearGradient id="spGoldRing" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#f59e0b" />
      <stop offset="40%" stop-color="#d97706" />
      <stop offset="80%" stop-color="#b45309" />
      <stop offset="100%" stop-color="#15803d" />
    </linearGradient>

    <linearGradient id="spLeafGreen" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#4ade80" />
      <stop offset="30%" stop-color="#16a34a" />
      <stop offset="70%" stop-color="#15803d" />
      <stop offset="100%" stop-color="#14532d" />
    </linearGradient>

    <linearGradient id="spWaterDrop" x1="50%" y1="0%" x2="50%" y2="100%">
      <stop offset="0%" stop-color="#ffffff" />
      <stop offset="25%" stop-color="#bae6fd" />
      <stop offset="60%" stop-color="#38bdf8" />
      <stop offset="90%" stop-color="#0284c7" />
      <stop offset="100%" stop-color="#0369a1" />
    </linearGradient>

    <linearGradient id="spTextGreen" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#368228" />
      <stop offset="50%" stop-color="#1a5b20" />
      <stop offset="100%" stop-color="#0e3713" />
    </linearGradient>

    <filter id="spDropShadow" x="-10%" y="-10%" width="120%" height="120%">
      <feDropShadow dx="2" dy="4" stdDeviation="4" flood-opacity="0.15"/>
    </filter>
  </defs>

  <g transform="translate(40, 20)">
    <!-- Golden / Green Outer Arc -->
    <path d="M 230 45 A 180 180 0 1 1 45 285" fill="none" stroke="url(#spGoldRing)" stroke-width="8" stroke-linecap="round"/>

    <!-- Leaf / Drop Outer Container -->
    <g transform="translate(60, 20)">
      <!-- Green Leaf Shape -->
      <path d="M 130 15 C 80 80, 20 160, 20 230 C 20 300, 75 350, 145 350 C 215 350, 270 300, 270 230 C 270 160, 180 80, 130 15 Z" 
            fill="url(#spLeafGreen)" filter="url(#spDropShadow)"/>
      
      <!-- Inner Water Droplet -->
      <path d="M 130 55 C 95 105, 55 175, 55 225 C 55 275, 90 310, 135 310 C 180 310, 215 275, 215 225 C 215 175, 165 105, 130 55 Z" 
            fill="url(#spWaterDrop)"/>

      <!-- Milk Splash at the base of droplet -->
      <path d="M 40 265 C 55 295, 80 325, 125 325 C 150 325, 165 305, 175 280 C 180 295, 195 305, 210 295 C 220 285, 225 260, 230 250 C 240 280, 255 315, 210 340 C 175 360, 95 360, 50 325 C 30 305, 25 275, 40 265 Z" 
            fill="#ffffff" opacity="0.95"/>
      <path d="M 75 295 C 90 270, 105 280, 120 250 C 128 275, 145 260, 155 290 C 140 315, 95 320, 75 295 Z" 
            fill="#ffffff"/>

      <!-- Droplet bubble highlights -->
      <circle cx="85" cy="180" r="4" fill="#ffffff" opacity="0.8"/>
      <circle cx="75" cy="205" r="5" fill="#ffffff" opacity="0.9"/>
      <circle cx="68" cy="225" r="3.5" fill="#ffffff" opacity="0.7"/>
    </g>

    <!-- 'SP' Monogram -->
    <g transform="translate(370, 240)">
      <text x="0" y="0" font-family="'Times New Roman', 'Cinzel', serif" font-size="205" font-weight="bold" fill="url(#spTextGreen)" letter-spacing="-8" filter="url(#spDropShadow)">SP</text>
    </g>

    <!-- Bottom Swirling Leaf Accent -->
    <path d="M 280 340 C 350 375, 480 385, 590 280 C 560 350, 430 395, 290 350 Z" 
          fill="url(#spLeafGreen)"/>
    <!-- Leaf Spine -->
    <path d="M 330 355 C 410 365, 490 345, 560 305" fill="none" stroke="#86efac" stroke-width="2.5" stroke-linecap="round"/>
  </g>

  <!-- Tagline: ONE STEP TO PROSPERIA -->
  <text x="400" y="420" text-anchor="middle" font-family="'Times New Roman', 'Cinzel', 'Georgia', serif" font-size="34" font-weight="bold" fill="#0e3818" letter-spacing="4">
    ONE STEP TO PROSPERIA
  </text>
</svg>
