export default function AuthBackgroundSVG() {
  return (
    <svg
      aria-hidden='true'
      className='pointer-events-none fixed inset-0 h-full w-full'
      style={{ zIndex: 5 }}
      viewBox='0 0 1880 960'
      fill='none'
      xmlns='http://www.w3.org/2000/svg'
      preserveAspectRatio='xMidYMid slice'
    >
      {/* Right side paths - extended to connect */}
      <path
        d='M1393.53 42.8889C1545.99 173.087 1688.28 339.75 1878.44 817.6'
        stroke='#E7E4EF'
        strokeWidth='2'
      />
      <path d='M1624.21 960L1625.78 0' stroke='#E7E4EF' strokeWidth='2' />
      <path d='M1832.67 715.81L1880 716.031' stroke='#E7E4EF' strokeWidth='2' />
      <path d='M1393.4 40V0' stroke='#E7E4EF' strokeWidth='2' />
      <circle cx='1393.03' cy='40.0186' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
      <circle cx='1625.28' cy='303.147' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
      <circle cx='1837.37' cy='715.81' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />

      {/* Left side paths - extended to connect */}
      <path
        d='M160 157.764C319.811 136.451 417.278 102.619 552.39 0'
        stroke='#E7E4EF'
        strokeWidth='2'
      />
      <path d='M310.22 803.025V0' stroke='#E7E4EF' strokeWidth='2' />
      <path
        d='M160 530.184C256.142 655.353 308.338 749.141 348.382 960'
        stroke='#E7E4EF'
        strokeWidth='2'
      />
      <path d='M160 157.764V960' stroke='#E7E4EF' strokeWidth='2' />
      <path d='M-50 157.764L160 157.764' stroke='#E7E4EF' strokeWidth='2' />
      <circle cx='160' cy='157.764' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
      <circle cx='310.22' cy='803.025' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
      <circle cx='160' cy='530.184' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
    </svg>
  )
}
