pupilfirst/pupilfirst

<svg width="354" height="603" viewBox="0 0 354 603" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.5 12.5C0.5 5.87255 5.87258 0.5 12.5 0.5H341.5C348.127 0.5 353.5 5.87258 353.5 12.5V590.595C353.5 597.222 348.127 602.595 341.5 602.595H12.5C5.87258 602.595 0.5 597.222 0.5 590.595V12.5Z" fill="url(#paint0_linear_51_111)"/>
<mask id="mask0_51_111" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="354" height="603">
<path d="M0.5 12.5C0.5 5.87255 5.87258 0.5 12.5 0.5H341.5C348.127 0.5 353.5 5.87258 353.5 12.5V590.595C353.5 597.222 348.127 602.595 341.5 602.595H12.5C5.87258 602.595 0.5 597.222 0.5 590.595V12.5Z" fill="url(#paint1_linear_51_111)"/>
</mask>
<g mask="url(#mask0_51_111)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M40.0528 632.559L40.0528 0.5L41.0528 0.5L41.0528 632.559L40.0528 632.559Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M85.7018 632.559L85.7019 0.5L86.7019 0.5L86.7018 632.559L85.7018 632.559Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M131.351 632.559L131.351 0.5L132.351 0.5L132.351 632.559L131.351 632.559Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M177 632.559L177 0.5L178 0.5L178 632.559L177 632.559Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M222.649 632.559L222.649 0.5L223.649 0.5L223.649 632.559L222.649 632.559Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M268.298 632.559L268.298 0.5L269.298 0.5L269.298 632.559L268.298 632.559Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M313.947 632.559L313.947 0.5L314.947 0.5L314.947 632.559L313.947 632.559Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-5.59619 302.12L359.596 302.12L359.596 303.12L-5.59619 303.12L-5.59619 302.12Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-5.59619 38.2024L359.596 38.2024L359.596 39.2024L-5.59619 39.2024L-5.59619 38.2024Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-5.59619 339.822L359.596 339.822L359.596 340.822L-5.59619 340.822L-5.59619 339.822Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-5.59619 75.905L359.596 75.905L359.596 76.905L-5.59619 76.905L-5.59619 75.905Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-5.59619 377.524L359.596 377.524L359.596 378.524L-5.59619 378.524L-5.59619 377.524Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-5.59619 113.607L359.596 113.607L359.596 114.607L-5.59619 114.607L-5.59619 113.607Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-5.59619 415.227L359.596 415.227L359.596 416.227L-5.59619 416.227L-5.59619 415.227Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-5.59619 151.31L359.596 151.31L359.596 152.31L-5.59619 152.31L-5.59619 151.31Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-5.59619 452.929L359.596 452.929L359.596 453.929L-5.59619 453.929L-5.59619 452.929Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-5.59619 189.012L359.596 189.012L359.596 190.012L-5.59619 190.012L-5.59619 189.012Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-5.59619 490.632L359.596 490.632L359.596 491.632L-5.59619 491.632L-5.59619 490.632Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-5.59619 226.715L359.596 226.715L359.596 227.715L-5.59619 227.715L-5.59619 226.715Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-5.59619 528.334L359.596 528.334L359.596 529.334L-5.59619 529.334L-5.59619 528.334Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-5.59619 264.417L359.596 264.417L359.596 265.417L-5.59619 265.417L-5.59619 264.417Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-5.59619 566.037L359.596 566.037L359.596 567.037L-5.59619 567.037L-5.59619 566.037Z" fill="#D1D5FF" fill-opacity="0.63"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-5.59619 302.12L359.596 302.12L359.596 303.12L-5.59619 303.12L-5.59619 302.12Z" fill="#D1D5FF" fill-opacity="0.63"/>
</g>
<g filter="url(#filter0_d_51_111)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M183.886 297.423C155.523 242.017 171.896 202.428 184.205 189.26L187.127 191.992C176.086 203.803 159.771 241.537 187.446 295.6C215.653 350.702 207.178 386.452 198.674 397.888L195.464 395.502C202.707 385.761 211.717 351.79 183.886 297.423Z" fill="url(#paint2_linear_51_111)"/>
</g>
<g filter="url(#filter1_di_51_111)">
<path d="M219.36 442.539C213.126 438.138 206.268 434.536 198.906 431.887C197.677 433.438 196.19 435.552 195.122 437.254C187.263 434.625 179.266 433.242 171.129 433.104C170.695 431.143 169.979 428.647 169.334 426.773C161.502 426.794 153.824 427.89 146.471 429.951C129.135 448.603 121.875 468.461 120.237 488.992C128.132 497.454 136.215 503.163 144.399 507.399C147.053 504.782 149.509 501.936 151.73 498.873C148.811 497.125 146.072 495.118 143.54 492.899C144.389 492.464 145.226 492 146.041 491.515C161.889 502.702 180.648 505.946 199.126 500.697C199.739 501.429 200.372 502.146 201.017 502.84C197.877 504.086 194.615 505.056 191.279 505.722C192.344 509.344 193.691 512.857 195.32 516.215C204.46 514.975 213.999 512.314 224.279 506.987C230.51 483.936 228.122 462.603 219.36 442.539ZM156.976 482.546C151.793 481.649 148.393 476.001 149.427 470.018C150.462 464.035 155.473 459.832 160.747 460.744C166.021 461.657 169.422 467.305 168.295 473.281C167.268 479.266 162.25 483.458 156.976 482.546ZM191.839 488.576C186.656 487.679 183.255 482.031 184.29 476.047C185.324 470.064 190.335 465.862 195.609 466.774C200.883 467.686 204.284 473.335 203.157 479.311C202.122 485.294 197.113 489.488 191.839 488.576Z" fill="#6874FF"/>
</g>
<g filter="url(#filter2_di_51_111)">
<path d="M193.101 393.147C193.553 392.128 194.745 391.667 195.765 392.119V392.119C196.785 392.57 197.246 393.763 196.794 394.783L194.302 400.41C193.85 401.43 192.657 401.891 191.638 401.439V401.439C190.618 400.988 190.157 399.795 190.609 398.775L193.101 393.147Z" fill="#6571FF"/>
<path d="M199.822 396.123C200.274 395.104 201.467 394.643 202.487 395.095V395.095C203.506 395.546 203.967 396.739 203.515 397.759L201.023 403.386C200.572 404.406 199.379 404.867 198.359 404.415V404.415C197.339 403.964 196.879 402.771 197.33 401.751L199.822 396.123Z" fill="#6571FF"/>
<path d="M193.064 387.099C194.892 382.969 199.723 381.104 203.853 382.933V382.933C207.983 384.761 209.848 389.592 208.019 393.722L205.493 399.426C205.171 400.154 204.319 400.483 203.591 400.161L191.272 394.705C190.544 394.383 190.215 393.531 190.537 392.803L193.064 387.099Z" fill="#6571FF"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M166.357 402.013C166.236 401.194 166.802 400.431 167.622 400.31L179.415 398.568C180.234 398.447 180.997 399.013 181.118 399.833C181.239 400.653 180.673 401.415 179.853 401.536L168.06 403.278C167.241 403.399 166.478 402.833 166.357 402.013Z" fill="#6571FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M224.933 406.734C224.628 407.504 223.756 407.882 222.986 407.577L211.902 403.189C211.132 402.884 210.755 402.012 211.06 401.242C211.365 400.472 212.236 400.094 213.007 400.399L224.09 404.787C224.861 405.092 225.238 405.964 224.933 406.734Z" fill="#6571FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M167.851 388.152C168.193 387.398 169.082 387.063 169.836 387.405L180.694 392.327C181.448 392.669 181.783 393.558 181.441 394.313C181.099 395.067 180.21 395.402 179.455 395.06L168.598 390.138C167.843 389.796 167.509 388.907 167.851 388.152Z" fill="#6571FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M216.709 417.992C216.035 418.474 215.098 418.319 214.616 417.646L207.674 407.955C207.192 407.281 207.347 406.344 208.02 405.862C208.694 405.379 209.631 405.534 210.113 406.208L217.055 415.899C217.537 416.572 217.382 417.509 216.709 417.992Z" fill="#6571FF"/>
<g filter="url(#filter3_di_51_111)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M181.771 135.45C187.849 134.937 193.638 138.137 196.439 143.559C199.24 148.982 198.499 155.56 194.562 160.223C190.625 164.886 184.267 166.716 178.454 164.859C172.642 163.003 168.519 157.825 168.011 151.742C167.675 147.755 168.937 143.798 171.518 140.743C174.099 137.688 177.787 135.784 181.771 135.45ZM179.258 105.647C200.936 103.823 221.552 121.578 233.13 133.969L233.114 133.97C239.351 140.642 240.207 150.721 235.182 158.348C225.815 172.51 208.472 193.46 186.803 195.284C181.649 195.665 176.469 195.078 171.53 193.556L170.2 177.756C182.582 183.601 197.345 180.392 206.184 169.932C215.023 159.473 215.732 144.376 207.912 133.133C200.092 121.889 185.695 117.307 172.82 121.964C159.945 126.62 151.806 139.352 152.981 152.999L155.78 186.258C146.599 180.561 138.661 173.097 132.931 166.971C126.689 160.292 125.84 150.203 130.878 142.575C140.246 128.422 157.58 107.472 179.258 105.647Z" fill="#965DF4"/>
</g>
<defs>
<filter id="filter0_d_51_111" x="164.196" y="185.26" width="54.6502" height="224.628" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="4" dy="4"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_51_111"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_51_111" result="shape"/>
</filter>
<filter id="filter1_di_51_111" x="77.2369" y="401.773" width="193.535" height="175.442" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="18"/>
<feGaussianBlur stdDeviation="21.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_51_111"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_51_111" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-2" dy="-4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow_51_111"/>
</filter>
<filter id="filter2_di_51_111" x="179.414" y="376.23" width="40.308" height="44.3589" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="5"/>
<feGaussianBlur stdDeviation="5.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_51_111"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_51_111" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-1"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow_51_111"/>
</filter>
<filter id="filter3_di_51_111" x="83.6049" y="93.5171" width="164.837" height="143.879" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-17" dy="15"/>
<feGaussianBlur stdDeviation="13.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_51_111"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_51_111" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow_51_111"/>
</filter>
<linearGradient id="paint0_linear_51_111" x1="177" y1="0.5" x2="177" y2="602.595" gradientUnits="userSpaceOnUse">
<stop stop-color="#ECEBF9"/>
<stop offset="1" stop-color="#EDF6FB"/>
</linearGradient>
<linearGradient id="paint1_linear_51_111" x1="177" y1="0.5" x2="177" y2="602.595" gradientUnits="userSpaceOnUse">
<stop stop-color="#404EED"/>
<stop offset="0.71875" stop-color="#6025C0"/>
</linearGradient>
<linearGradient id="paint2_linear_51_111" x1="187.521" y1="190.626" x2="187.521" y2="396.695" gradientUnits="userSpaceOnUse">
<stop stop-color="#6025C0"/>
<stop offset="1" stop-color="#6571FF"/>
</linearGradient>
</defs>
</svg>