<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 240" width="220" height="240">
  <defs>
    <linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#1a2e4a;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#0f1f33;stop-opacity:1" />
    </linearGradient>
    <linearGradient id="goldGrad" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" style="stop-color:#f0c040;stop-opacity:1" />
      <stop offset="50%" style="stop-color:#d4a017;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#b8860b;stop-opacity:1" />
    </linearGradient>
    <linearGradient id="sunGrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#f0c040;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#e8a000;stop-opacity:1" />
    </linearGradient>
    <filter id="shadow" x="-10%" y="-10%" width="120%" height="120%">
      <feDropShadow dx="0" dy="3" stdDeviation="4" flood-color="rgba(0,0,0,0.4)"/>
    </filter>
    <filter id="glow">
      <feGaussianBlur stdDeviation="2" result="coloredBlur"/>
      <feMerge><feMergeNode in="coloredBlur"/><feMergeNode in="SourceGraphic"/></feMerge>
    </filter>
  </defs>

  <!-- White background for clean integration -->
  <rect width="220" height="240" fill="white"/>

  <!-- Outer ring -->
  <circle cx="110" cy="110" r="102" fill="none" stroke="url(#goldGrad)" stroke-width="3.5" filter="url(#shadow)"/>
  <circle cx="110" cy="110" r="98" fill="url(#bgGrad)"/>
  
  <!-- Inner decorative ring -->
  <circle cx="110" cy="110" r="92" fill="none" stroke="url(#goldGrad)" stroke-width="1" opacity="0.5"/>

  <!-- Solar panel icon at top -->
  <g transform="translate(68, 28)">
    <!-- Sun rays -->
    <g fill="url(#sunGrad)" opacity="0.9">
      <rect x="21" y="2" width="3" height="7" rx="1.5"/>
      <rect x="21" y="36" width="3" height="7" rx="1.5"/>
      <rect x="2" y="21" width="7" height="3" rx="1.5"/>
      <rect x="36" y="21" width="7" height="3" rx="1.5"/>
      <rect x="6.5" y="6.5" width="3" height="7" rx="1.5" transform="rotate(-45 8 10)"/>
      <rect x="33" y="6.5" width="3" height="7" rx="1.5" transform="rotate(45 34.5 10)"/>
      <rect x="6.5" y="33" width="3" height="7" rx="1.5" transform="rotate(45 8 36)"/>
      <rect x="33" y="33" width="3" height="7" rx="1.5" transform="rotate(-45 34.5 36)"/>
    </g>
    <!-- Sun circle -->
    <circle cx="22.5" cy="22.5" r="8" fill="url(#sunGrad)" opacity="0.95"/>
    <!-- Solar panel grid -->
    <rect x="8" y="30" width="30" height="20" rx="2" fill="#2a5fa0" stroke="url(#goldGrad)" stroke-width="0.8"/>
    <line x1="18" y1="30" x2="18" y2="50" stroke="url(#goldGrad)" stroke-width="0.6" opacity="0.7"/>
    <line x1="28" y1="30" x2="28" y2="50" stroke="url(#goldGrad)" stroke-width="0.6" opacity="0.7"/>
    <line x1="8" y1="40" x2="38" y2="40" stroke="url(#goldGrad)" stroke-width="0.6" opacity="0.7"/>
  </g>

  <!-- ISCA text -->
  <text x="110" y="108" font-family="Georgia, serif" font-size="38" font-weight="bold" 
        fill="url(#goldGrad)" text-anchor="middle" letter-spacing="4" filter="url(#glow)">ISCA</text>

  <!-- Decorative divider -->
  <line x1="40" y1="116" x2="180" y2="116" stroke="url(#goldGrad)" stroke-width="1" opacity="0.6"/>
  <circle cx="110" cy="116" r="3" fill="url(#goldGrad)"/>

  <!-- CERTIFIED text -->
  <text x="110" y="134" font-family="Arial, sans-serif" font-size="11" font-weight="bold"
        fill="url(#goldGrad)" text-anchor="middle" letter-spacing="5">CERTIFIED</text>

  <!-- Full name - line 1 -->
  <text x="110" y="152" font-family="Arial, sans-serif" font-size="8.5" 
        fill="#a8c4e0" text-anchor="middle" letter-spacing="1">INTERNATIONAL SOLAR</text>
  <!-- Full name - line 2 -->
  <text x="110" y="164" font-family="Arial, sans-serif" font-size="8.5" 
        fill="#a8c4e0" text-anchor="middle" letter-spacing="1">CLEANING ACADEMY</text>

  <!-- Bottom decorative element - stars -->
  <g fill="url(#goldGrad)" transform="translate(110, 180)">
    <text x="-22" y="4" font-size="10" text-anchor="middle">★</text>
    <text x="0" y="4" font-size="10" text-anchor="middle">★</text>
    <text x="22" y="4" font-size="10" text-anchor="middle">★</text>
  </g>

  <!-- Bottom arc text -->
  <path id="bottomArc" d="M 25,110 A 85,85 0 0,0 195,110" fill="none"/>
  <text font-family="Arial, sans-serif" font-size="7.5" fill="#7a9bbf" letter-spacing="2">
    <textPath href="#bottomArc" startOffset="12%">SOLAR PANEL CLEANING TECHNICIAN</textPath>
  </text>
</svg>