<?xml version="1.0" encoding="UTF-8"?>
<!-- PhiSelect Product Login Screen Logo - White Text for Dark Backgrounds -->
<svg width="240" height="80" viewBox="0 0 240 80" fill="none" xmlns="http://www.w3.org/2000/svg">

  <defs>
    <linearGradient id="loginGradWhite" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#60a5fa;stop-opacity:1" />
      <stop offset="50%" style="stop-color:#818cf8;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#a78bfa;stop-opacity:1" />
    </linearGradient>

    <filter id="loginGlowWhite">
      <feGaussianBlur stdDeviation="2" result="coloredBlur"/>
      <feMerge>
        <feMergeNode in="coloredBlur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>

  <!-- Large Icon for Login -->
  <g id="login-icon">
    <circle cx="40" cy="40" r="36" fill="url(#loginGradWhite)"/>

    <g stroke="white" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round" fill="none" filter="url(#loginGlowWhite)">
      <line x1="40" y1="16" x2="40" y2="64"/>
      <path d="M 26 26 Q 40 18 54 26" stroke-width="4"/>
      <path d="M 54 26 Q 56 36, 54 45 Q 50 54, 40 59 Q 30 54, 26 45 Q 24 36, 26 26" stroke-width="4"/>
    </g>

    <ellipse cx="32" cy="26" rx="4" ry="3" fill="white" opacity="0.2"/>
  </g>

  <!-- Brand Text - WHITE for dark backgrounds -->
  <g id="login-text" transform="translate(86, 0)">
    <text x="0" y="42"
          font-family="Arial, Helvetica, sans-serif"
          font-size="32"
          font-weight="bold"
          fill="#FFFFFF"
          letter-spacing="-1">PhiSelect</text>

    <text x="0" y="62"
          font-family="Arial, Helvetica, sans-serif"
          font-size="11"
          font-weight="600"
          fill="#E0E7FF"
          letter-spacing="2">SMART HR. SMARTER GROWTH.</text>
  </g>

</svg>
