<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 480" fill="none" role="img" aria-label="페이소프트 서비스 가입 안내 일러스트">
  <defs>
    <linearGradient id="gCard" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#ffffff"/>
      <stop offset="1" stop-color="#f4f5ff"/>
    </linearGradient>
    <linearGradient id="gAccent" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#ff8aa0"/>
      <stop offset="1" stop-color="#ff5d73"/>
    </linearGradient>
    <linearGradient id="gIndigo" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#6f66f2"/>
      <stop offset="1" stop-color="#4f46e5"/>
    </linearGradient>
    <filter id="soft" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="18" stdDeviation="22" flood-color="#1e1b4b" flood-opacity="0.28"/>
    </filter>
    <filter id="softSm" x="-40%" y="-40%" width="180%" height="180%">
      <feDropShadow dx="0" dy="8" stdDeviation="10" flood-color="#1e1b4b" flood-opacity="0.22"/>
    </filter>
  </defs>

  <!-- 배경 장식 -->
  <circle cx="70" cy="90" r="12" fill="#ffffff" opacity="0.25"/>
  <circle cx="512" cy="360" r="16" fill="#ffffff" opacity="0.18"/>
  <circle cx="500" cy="70" r="7" fill="#ffffff" opacity="0.35"/>
  <g opacity="0.30" stroke="#ffffff" stroke-width="4" stroke-linecap="round">
    <path d="M46 250 h26"/>
    <path d="M59 237 v26"/>
  </g>
  <circle cx="300" cy="240" r="196" fill="#ffffff" opacity="0.06"/>
  <circle cx="300" cy="240" r="150" fill="#ffffff" opacity="0.06"/>

  <!-- 신청서 카드 -->
  <g filter="url(#soft)">
    <rect x="120" y="70" width="300" height="330" rx="26" fill="url(#gCard)"/>
  </g>

  <!-- 카드 헤더 -->
  <rect x="120" y="70" width="300" height="74" rx="26" fill="url(#gIndigo)"/>
  <rect x="120" y="118" width="300" height="26" fill="url(#gIndigo)"/>
  <circle cx="164" cy="107" r="18" fill="#ffffff" opacity="0.9"/>
  <path d="M156 107 l6 6 l11 -12" stroke="#4f46e5" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  <rect x="196" y="98" width="150" height="10" rx="5" fill="#ffffff" opacity="0.95"/>
  <rect x="196" y="115" width="96" height="8" rx="4" fill="#ffffff" opacity="0.6"/>

  <!-- 체크된 입력 항목들 -->
  <g>
    <circle cx="162" cy="188" r="12" fill="#eef0ff"/>
    <path d="M156 188 l4.5 4.5 l8 -9" stroke="#4f46e5" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
    <rect x="186" y="181" width="188" height="12" rx="6" fill="#e9ebf5"/>
  </g>
  <g>
    <circle cx="162" cy="230" r="12" fill="#eef0ff"/>
    <path d="M156 230 l4.5 4.5 l8 -9" stroke="#4f46e5" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
    <rect x="186" y="223" width="160" height="12" rx="6" fill="#e9ebf5"/>
  </g>
  <g>
    <circle cx="162" cy="272" r="12" fill="#eef0ff"/>
    <path d="M156 272 l4.5 4.5 l8 -9" stroke="#4f46e5" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
    <rect x="186" y="265" width="176" height="12" rx="6" fill="#e9ebf5"/>
  </g>

  <!-- 제출 버튼 -->
  <g filter="url(#softSm)">
    <rect x="150" y="322" width="240" height="46" rx="23" fill="url(#gAccent)"/>
  </g>
  <rect x="236" y="341" width="68" height="9" rx="4.5" fill="#ffffff"/>

  <!-- 완료 체크 배지 (플로팅) -->
  <g filter="url(#softSm)">
    <circle cx="392" cy="130" r="40" fill="url(#gAccent)"/>
  </g>
  <path d="M374 131 l12 12 l22 -24" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>

  <!-- 진행 단계 1-2-3 (플로팅 칩) -->
  <g filter="url(#softSm)">
    <rect x="300" y="384" width="150" height="58" rx="18" fill="#ffffff"/>
  </g>
  <g>
    <circle cx="326" cy="413" r="13" fill="#4f46e5"/>
    <text x="326" y="418" font-family="Arial, sans-serif" font-size="14" font-weight="700" fill="#ffffff" text-anchor="middle">1</text>
    <circle cx="375" cy="413" r="13" fill="#c7c9f7"/>
    <text x="375" y="418" font-family="Arial, sans-serif" font-size="14" font-weight="700" fill="#ffffff" text-anchor="middle">2</text>
    <circle cx="424" cy="413" r="13" fill="#c7c9f7"/>
    <text x="424" y="418" font-family="Arial, sans-serif" font-size="14" font-weight="700" fill="#ffffff" text-anchor="middle">3</text>
    <path d="M339 413 h23 M388 413 h23" stroke="#dfe0fb" stroke-width="3" stroke-linecap="round"/>
  </g>

  <!-- 펜 (플로팅, 카드 왼쪽 바깥) -->
  <g filter="url(#softSm)" transform="rotate(35 78 360)">
    <rect x="68" y="316" width="20" height="88" rx="6" fill="url(#gIndigo)"/>
    <rect x="68" y="316" width="20" height="20" rx="6" fill="#ffd15c"/>
    <path d="M68 404 l10 16 l10 -16 z" fill="#3b34b8"/>
  </g>
</svg>
