assets/header-profile.svg

<svg width="850" height="400" viewBox="0 0 850 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<style>
  @supports (color: color(display-p3 1 1 1)) {
    rect {
      fill: color(display-p3 0.05 0.249 0.32);
    }
    .primary-color {
      fill: color(display-p3 1 0.556 0.355);
    }
  }
</style>
<rect width="850" height="400" rx="8" fill="#004152"/>
<path fill="white" d="M59.321 340V267.273H74.6974V297.28H105.912V267.273H121.253V340H105.912V309.957H74.6974V340H59.321ZM156.274 341.065C150.663 341.065 145.834 339.929 141.786 337.656C137.761 335.36 134.66 332.116 132.482 327.926C130.304 323.712 129.215 318.729 129.215 312.976C129.215 307.365 130.304 302.441 132.482 298.203C134.66 293.965 137.725 290.663 141.679 288.295C145.656 285.928 150.32 284.744 155.671 284.744C159.269 284.744 162.619 285.324 165.72 286.484C168.845 287.621 171.568 289.337 173.888 291.634C176.232 293.93 178.055 296.818 179.357 300.298C180.659 303.755 181.31 307.803 181.31 312.443V316.598H135.252V307.223H167.07C167.07 305.045 166.596 303.116 165.649 301.435C164.702 299.754 163.388 298.44 161.707 297.493C160.05 296.522 158.121 296.037 155.919 296.037C153.623 296.037 151.587 296.57 149.811 297.635C148.059 298.677 146.686 300.085 145.692 301.861C144.698 303.613 144.189 305.566 144.165 307.72V316.634C144.165 319.332 144.662 321.664 145.656 323.629C146.674 325.594 148.107 327.109 149.953 328.175C151.8 329.24 153.99 329.773 156.523 329.773C158.204 329.773 159.743 329.536 161.139 329.062C162.536 328.589 163.732 327.879 164.726 326.932C165.72 325.985 166.478 324.825 166.999 323.452L180.99 324.375C180.28 327.737 178.824 330.672 176.622 333.182C174.444 335.668 171.627 337.609 168.171 339.006C164.738 340.379 160.772 341.065 156.274 341.065ZM204.08 267.273V340H188.952V267.273H204.08ZM229.096 267.273V340H213.968V267.273H229.096ZM263.629 341.065C258.113 341.065 253.343 339.893 249.318 337.55C245.317 335.182 242.227 331.892 240.049 327.678C237.871 323.44 236.782 318.527 236.782 312.94C236.782 307.306 237.871 302.382 240.049 298.168C242.227 293.93 245.317 290.639 249.318 288.295C253.343 285.928 258.113 284.744 263.629 284.744C269.145 284.744 273.904 285.928 277.905 288.295C281.929 290.639 285.031 293.93 287.209 298.168C289.387 302.382 290.476 307.306 290.476 312.94C290.476 318.527 289.387 323.44 287.209 327.678C285.031 331.892 281.929 335.182 277.905 337.55C273.904 339.893 269.145 341.065 263.629 341.065ZM263.7 329.347C266.21 329.347 268.305 328.636 269.986 327.216C271.666 325.772 272.933 323.807 273.785 321.321C274.661 318.835 275.099 316.006 275.099 312.834C275.099 309.661 274.661 306.832 273.785 304.347C272.933 301.861 271.666 299.896 269.986 298.452C268.305 297.008 266.21 296.286 263.7 296.286C261.167 296.286 259.036 297.008 257.308 298.452C255.603 299.896 254.313 301.861 253.437 304.347C252.585 306.832 252.159 309.661 252.159 312.834C252.159 316.006 252.585 318.835 253.437 321.321C254.313 323.807 255.603 325.772 257.308 327.216C259.036 328.636 261.167 329.347 263.7 329.347Z" />
<path fill="#FF8652" class="primary-color" d="M306.925 340.923C304.581 340.923 302.569 340.095 300.888 338.438C299.23 336.757 298.402 334.744 298.402 332.401C298.402 330.08 299.23 328.092 300.888 326.435C302.569 324.777 304.581 323.949 306.925 323.949C309.197 323.949 311.186 324.777 312.89 326.435C314.595 328.092 315.447 330.08 315.447 332.401C315.447 333.963 315.045 335.395 314.24 336.697C313.459 337.976 312.429 339.006 311.15 339.787C309.872 340.545 308.463 340.923 306.925 340.923Z" />
</svg>