diff --git a/frontend/src/assets/svg/ftue-background-dark.svg b/frontend/src/assets/svg/ftue-background-dark.svg
index a5b50ba5b..1b89ed39a 100644
--- a/frontend/src/assets/svg/ftue-background-dark.svg
+++ b/frontend/src/assets/svg/ftue-background-dark.svg
@@ -1,48 +1,43 @@
 <svg width="804" height="604" viewBox="0 0 804 604" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="2.5" y="2.5" width="799" height="599" rx="11.5" fill="#1A202C"/>
-<rect x="2.5" y="2.5" width="799" height="599" rx="11.5" stroke="#A3ECE3"/>
-<g opacity="0.2" filter="url(#filter0_f_4829_15703)">
-<g clip-path="url(#clip0_4829_15703)">
-<path opacity="0.15" d="M103.5 3.69C25.4403 80.31 -2.06972 201.98 28.3803 307.04C58.8303 412.1 143.34 498.2 245.26 537.91C347.18 577.62 464.21 572.46 565.54 531.27C666.87 490.08 752.55 414.47 813.1 323.38C819.25 358.38 825.43 393.68 824.16 429.19C822.89 464.7 813.56 500.9 791.61 528.84C761.25 567.48 711.66 585.09 663.96 596.89C587.36 615.83 508.37 624.7 429.46 624.75C334.35 624.8 237.06 611.35 152.92 567C45.0803 510.15 -35.5597 398.8 -43.1797 277.14C-50.8097 155.47 21.6003 29.48 135.4 -14.24C131.23 -15.76 126.01 -18.41 103.5 3.69Z" fill="url(#paint0_radial_4829_15703)"/>
-<path opacity="0.3" d="M78.83 7.22021C22.84 56.8302 4.05 141.37 25.87 212.92C47.69 284.47 105.99 341.92 174.84 371.18C198.95 381.42 224.3 388.52 248.49 398.58C272.68 408.64 296.19 422.13 312.7 442.47C270.37 407.89 213.81 397.86 160.27 386.86C106.73 375.86 50.14 360.7 13.82 319.85C-15.37 287.01 -27.14 240.74 -22.33 197.07C-17.52 153.4 2.77999 112.34 30.54 78.2902C58.3 44.2402 93.31 16.7202 130.19 -7.15979C115.78 -7.58979 99.2 -10.8298 78.83 7.22021Z" fill="url(#paint1_radial_4829_15703)"/>
-<path opacity="0.3" d="M146.48 -30.8999C94.5104 -10.8999 47.3304 23.1001 15.4904 68.7901C-16.3496 114.48 -32.0096 172.11 -23.3596 227.13C-14.7096 282.15 19.3704 333.51 68.7604 359.24C114.07 382.85 167.35 384.02 216.77 396.98C273.91 411.97 327.22 443.99 363.64 490.5C400.06 537.01 418.51 598.29 410.46 654.71C370.73 598.7 311.74 556.63 245.85 537.3C205.44 525.45 162.79 521.92 123.03 508.04C49.5004 482.36 -9.74964 420.6 -35.3496 347.05C-60.9496 273.5 -53.3796 189.7 -17.8296 120.4C17.7104 51.1201 80.1604 -3.2999 146.48 -30.8999Z" fill="url(#paint2_radial_4829_15703)"/>
-<path opacity="0.3" d="M4.58024 107.51C-9.27976 206.46 44.4002 311.34 132.75 357.98C177.08 381.38 227.64 390.72 272.58 412.93C323.92 438.3 366.71 480.59 392.7 531.62C418.68 582.65 427.71 642.14 418.03 698.58C413.49 647.99 406.93 597.18 390.85 549C374.77 500.82 348.56 455.04 309.83 422.18C267.41 386.19 212.93 367.78 166.96 336.47C123.13 306.61 87.4502 264.9 64.7602 216.96C42.7102 170.38 33.0502 116.22 47.4302 66.7401C61.8102 17.2601 103.29 -25.7599 154.29 -33.1699" fill="url(#paint3_radial_4829_15703)"/>
-<path opacity="0.1" d="M589.521 607.86C622.551 598.74 653.74 584.07 684.75 569.48C710.84 557.2 737.09 544.82 760.48 527.97C783.87 511.12 804.49 489.34 815.55 462.71C815.21 489.96 802.61 516.15 784.22 536.26C765.83 556.37 742.001 570.84 717.031 581.77C673.731 600.72 626.071 609.64 589.521 607.86Z" fill="url(#paint4_radial_4829_15703)"/>
-<path opacity="0.25" d="M193.67 -1.24977C147.49 26.8702 114.66 74.2702 99.05 126.03C83.44 177.79 84.2 233.6 95.5 286.47C113.51 370.73 158.45 449.03 222.12 507.08C285.79 565.13 367.9 602.66 453.47 612.82C307.65 625.99 156 563.61 65.39 448.59C-25.22 333.57 -49.91 168.77 7.36004 34.0202C15.2 15.5802 24.92 -2.85977 40.7 -15.1998C69.64 -37.8198 110.43 -34.3898 146.88 -29.8398C157.94 -28.4598 169.46 -26.9098 178.69 -20.6698C187.92 -14.4298 193.97 -1.94977 193.67 -1.24977Z" fill="url(#paint5_radial_4829_15703)"/>
+<g opacity="0.2" filter="url(#filter0_f_4829_15712)">
+<g clip-path="url(#clip0_4829_15712)">
+<path opacity="0.15" d="M103.5 3.69C25.4403 80.31 -2.06972 201.98 28.3803 307.04C58.8303 412.1 143.34 498.2 245.26 537.91C347.18 577.62 464.21 572.46 565.54 531.27C666.87 490.08 752.55 414.47 813.1 323.38C819.25 358.38 825.43 393.68 824.16 429.19C822.89 464.7 813.56 500.9 791.61 528.84C761.25 567.48 711.66 585.09 663.96 596.89C587.36 615.83 508.37 624.7 429.46 624.75C334.35 624.8 237.06 611.35 152.92 567C45.0803 510.15 -35.5597 398.8 -43.1797 277.14C-50.8097 155.47 21.6003 29.48 135.4 -14.24C131.23 -15.76 126.01 -18.41 103.5 3.69Z" fill="url(#paint0_radial_4829_15712)"/>
+<path opacity="0.3" d="M78.83 7.22021C22.84 56.8302 4.05 141.37 25.87 212.92C47.69 284.47 105.99 341.92 174.84 371.18C198.95 381.42 224.3 388.52 248.49 398.58C272.68 408.64 296.19 422.13 312.7 442.47C270.37 407.89 213.81 397.86 160.27 386.86C106.73 375.86 50.14 360.7 13.82 319.85C-15.37 287.01 -27.14 240.74 -22.33 197.07C-17.52 153.4 2.77999 112.34 30.54 78.2902C58.3 44.2402 93.31 16.7202 130.19 -7.15979C115.78 -7.58979 99.2 -10.8298 78.83 7.22021Z" fill="url(#paint1_radial_4829_15712)"/>
+<path opacity="0.3" d="M146.48 -30.8999C94.5104 -10.8999 47.3304 23.1001 15.4904 68.7901C-16.3496 114.48 -32.0096 172.11 -23.3596 227.13C-14.7096 282.15 19.3704 333.51 68.7604 359.24C114.07 382.85 167.35 384.02 216.77 396.98C273.91 411.97 327.22 443.99 363.64 490.5C400.06 537.01 418.51 598.29 410.46 654.71C370.73 598.7 311.74 556.63 245.85 537.3C205.44 525.45 162.79 521.92 123.03 508.04C49.5004 482.36 -9.74964 420.6 -35.3496 347.05C-60.9496 273.5 -53.3796 189.7 -17.8296 120.4C17.7104 51.1201 80.1604 -3.2999 146.48 -30.8999Z" fill="url(#paint2_radial_4829_15712)"/>
+<path opacity="0.3" d="M4.58024 107.51C-9.27976 206.46 44.4002 311.34 132.75 357.98C177.08 381.38 227.64 390.72 272.58 412.93C323.92 438.3 366.71 480.59 392.7 531.62C418.68 582.65 427.71 642.14 418.03 698.58C413.49 647.99 406.93 597.18 390.85 549C374.77 500.82 348.56 455.04 309.83 422.18C267.41 386.19 212.93 367.78 166.96 336.47C123.13 306.61 87.4502 264.9 64.7602 216.96C42.7102 170.38 33.0502 116.22 47.4302 66.7401C61.8102 17.2601 103.29 -25.7599 154.29 -33.1699" fill="url(#paint3_radial_4829_15712)"/>
+<path opacity="0.1" d="M589.521 607.86C622.551 598.74 653.74 584.07 684.75 569.48C710.84 557.2 737.09 544.82 760.48 527.97C783.87 511.12 804.49 489.34 815.55 462.71C815.21 489.96 802.61 516.15 784.22 536.26C765.83 556.37 742.001 570.84 717.031 581.77C673.731 600.72 626.071 609.64 589.521 607.86Z" fill="url(#paint4_radial_4829_15712)"/>
+<path opacity="0.25" d="M193.67 -1.24977C147.49 26.8702 114.66 74.2702 99.05 126.03C83.44 177.79 84.2 233.6 95.5 286.47C113.51 370.73 158.45 449.03 222.12 507.08C285.79 565.13 367.9 602.66 453.47 612.82C307.65 625.99 156 563.61 65.39 448.59C-25.22 333.57 -49.91 168.77 7.36004 34.0202C15.2 15.5802 24.92 -2.85977 40.7 -15.1998C69.64 -37.8198 110.43 -34.3898 146.88 -29.8398C157.94 -28.4598 169.46 -26.9098 178.69 -20.6698C187.92 -14.4298 193.97 -1.94977 193.67 -1.24977Z" fill="url(#paint5_radial_4829_15712)"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_f_4829_15703" x="0" y="0" width="804" height="604" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_f_4829_15712" x="0" y="0" width="804" height="604" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_4829_15703"/>
+<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_4829_15712"/>
 </filter>
-<radialGradient id="paint0_radial_4829_15703" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23.6903 297.52) scale(612.25 612.25)">
+<radialGradient id="paint0_radial_4829_15712" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23.6903 297.52) scale(612.25 612.25)">
 <stop stop-color="#1F0742"/>
 <stop offset="1" stop-color="#1A202C"/>
 </radialGradient>
-<radialGradient id="paint1_radial_4829_15703" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(68.53 248.67) scale(198.6 198.6)">
+<radialGradient id="paint1_radial_4829_15712" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(68.53 248.67) scale(198.6 198.6)">
 <stop stop-color="#0A171D"/>
 <stop offset="1" stop-color="#211147" stop-opacity="0.1"/>
 </radialGradient>
-<radialGradient id="paint2_radial_4829_15703" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(76.0804 359.54) scale(285.07 285.07)">
+<radialGradient id="paint2_radial_4829_15712" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(76.0804 359.54) scale(285.07 285.07)">
 <stop stop-color="white"/>
 <stop offset="1" stop-opacity="0.1"/>
 </radialGradient>
-<radialGradient id="paint3_radial_4829_15703" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(117.1 383.54) scale(279.24 279.24)">
+<radialGradient id="paint3_radial_4829_15712" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(117.1 383.54) scale(279.24 279.24)">
 <stop/>
 <stop offset="1" stop-color="white" stop-opacity="0.1"/>
 </radialGradient>
-<radialGradient id="paint4_radial_4829_15703" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(607.081 533.75) scale(183.17 183.17)">
+<radialGradient id="paint4_radial_4829_15712" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(607.081 533.75) scale(183.17 183.17)">
 <stop stop-color="#7F2FEE"/>
 <stop offset="1" stop-color="white"/>
 </radialGradient>
-<radialGradient id="paint5_radial_4829_15703" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(215.05 290.69) scale(383.8 383.8)">
+<radialGradient id="paint5_radial_4829_15712" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(215.05 290.69) scale(383.8 383.8)">
 <stop/>
 <stop offset="1" stop-color="white"/>
 </radialGradient>
-<clipPath id="clip0_4829_15703">
-<rect x="2" y="2" width="800" height="600" rx="12" fill="white"/>
-</clipPath>
 </defs>
 </svg>
diff --git a/frontend/src/assets/svg/ftue-background.svg b/frontend/src/assets/svg/ftue-background.svg
index c6e8d101a..30731a1e0 100644
--- a/frontend/src/assets/svg/ftue-background.svg
+++ b/frontend/src/assets/svg/ftue-background.svg
@@ -1,56 +1,51 @@
 <svg width="804" height="604" viewBox="0 0 804 604" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="4.5" y="4.5" width="795" height="595" rx="9.5" fill="#F0F8FF"/>
-<rect x="4.5" y="4.5" width="795" height="595" rx="9.5" stroke="#FEFFFF" stroke-width="5"/>
-<g opacity="0.25" filter="url(#filter0_f_4599_23)">
-<g clip-path="url(#clip0_4599_23)">
-<path d="M802 2H2V602H802V2Z" fill="url(#paint0_radial_4599_23)" fill-opacity="0.6"/>
-<path opacity="0.15" d="M103.5 3.69C25.4403 80.31 -2.06972 201.98 28.3803 307.04C58.8303 412.1 143.34 498.2 245.26 537.91C347.18 577.62 464.21 572.46 565.54 531.27C666.87 490.08 752.55 414.47 813.1 323.38C819.25 358.38 825.43 393.68 824.16 429.19C822.89 464.7 813.56 500.9 791.61 528.84C761.25 567.48 711.66 585.09 663.96 596.89C587.36 615.83 508.37 624.7 429.46 624.75C334.35 624.8 237.06 611.35 152.92 567C45.0803 510.15 -35.5597 398.8 -43.1797 277.14C-50.8097 155.47 21.6003 29.48 135.4 -14.24C131.23 -15.76 126.01 -18.41 103.5 3.69Z" fill="url(#paint1_radial_4599_23)"/>
-<path opacity="0.3" d="M78.83 7.21996C22.84 56.83 4.05 141.37 25.87 212.92C47.69 284.47 105.99 341.92 174.84 371.18C198.95 381.42 224.3 388.52 248.49 398.58C272.68 408.64 296.19 422.13 312.7 442.47C270.37 407.89 213.81 397.86 160.27 386.86C106.73 375.86 50.14 360.7 13.82 319.85C-15.37 287.01 -27.14 240.74 -22.33 197.07C-17.52 153.4 2.77999 112.34 30.54 78.29C58.3 44.24 93.31 16.72 130.19 -7.16004C115.78 -7.59004 99.2 -10.83 78.83 7.21996Z" fill="url(#paint2_radial_4599_23)"/>
-<path opacity="0.3" d="M146.48 -30.8999C94.5104 -10.8999 47.3304 23.1001 15.4904 68.7901C-16.3496 114.48 -32.0096 172.11 -23.3596 227.13C-14.7096 282.15 19.3704 333.51 68.7604 359.24C114.07 382.85 167.35 384.02 216.77 396.98C273.91 411.97 327.22 443.99 363.64 490.5C400.06 537.01 418.51 598.29 410.46 654.71C370.73 598.7 311.74 556.63 245.85 537.3C205.44 525.45 162.79 521.92 123.03 508.04C49.5004 482.36 -9.74964 420.6 -35.3496 347.05C-60.9496 273.5 -53.3796 189.7 -17.8296 120.4C17.7104 51.1201 80.1604 -3.2999 146.48 -30.8999Z" fill="url(#paint3_radial_4599_23)"/>
-<path opacity="0.3" d="M4.58024 107.51C-9.27976 206.46 44.4002 311.34 132.75 357.98C177.08 381.38 227.64 390.72 272.58 412.93C323.92 438.3 366.71 480.59 392.7 531.62C418.68 582.65 427.71 642.14 418.03 698.58C413.49 647.99 406.93 597.18 390.85 549C374.77 500.82 348.56 455.04 309.83 422.18C267.41 386.19 212.93 367.78 166.96 336.47C123.13 306.61 87.4502 264.9 64.7602 216.96C42.7102 170.38 33.0502 116.22 47.4302 66.7401C61.8102 17.2601 103.29 -25.7599 154.29 -33.1699" fill="url(#paint4_radial_4599_23)"/>
-<path opacity="0.1" d="M589.521 607.86C622.551 598.74 653.74 584.07 684.75 569.48C710.84 557.2 737.09 544.82 760.48 527.97C783.87 511.12 804.49 489.34 815.55 462.71C815.21 489.96 802.61 516.15 784.22 536.26C765.83 556.37 742.001 570.84 717.031 581.77C673.731 600.72 626.071 609.64 589.521 607.86Z" fill="url(#paint5_radial_4599_23)"/>
-<path opacity="0.25" d="M193.67 -1.25001C147.49 26.87 114.66 74.27 99.05 126.03C83.44 177.79 84.2 233.6 95.5 286.47C113.51 370.73 158.45 449.03 222.12 507.08C285.79 565.13 367.9 602.66 453.47 612.82C307.65 625.99 156 563.61 65.39 448.59C-25.22 333.57 -49.91 168.77 7.36004 34.02C15.2 15.58 24.92 -2.86001 40.7 -15.2C69.64 -37.82 110.43 -34.39 146.88 -29.84C157.94 -28.46 169.46 -26.91 178.69 -20.67C187.92 -14.43 193.97 -1.95001 193.67 -1.25001Z" fill="url(#paint6_radial_4599_23)"/>
+<g opacity="0.25" filter="url(#filter0_f_5124_5032)">
+<g clip-path="url(#clip0_5124_5032)">
+<path d="M802 2H2V602H802V2Z" fill="url(#paint0_radial_5124_5032)" fill-opacity="0.6"/>
+<path opacity="0.15" d="M103.5 3.69C25.4403 80.31 -2.06972 201.98 28.3803 307.04C58.8303 412.1 143.34 498.2 245.26 537.91C347.18 577.62 464.21 572.46 565.54 531.27C666.87 490.08 752.55 414.47 813.1 323.38C819.25 358.38 825.43 393.68 824.16 429.19C822.89 464.7 813.56 500.9 791.61 528.84C761.25 567.48 711.66 585.09 663.96 596.89C587.36 615.83 508.37 624.7 429.46 624.75C334.35 624.8 237.06 611.35 152.92 567C45.0803 510.15 -35.5597 398.8 -43.1797 277.14C-50.8097 155.47 21.6003 29.48 135.4 -14.24C131.23 -15.76 126.01 -18.41 103.5 3.69Z" fill="url(#paint1_radial_5124_5032)"/>
+<path opacity="0.3" d="M78.83 7.21996C22.84 56.83 4.05 141.37 25.87 212.92C47.69 284.47 105.99 341.92 174.84 371.18C198.95 381.42 224.3 388.52 248.49 398.58C272.68 408.64 296.19 422.13 312.7 442.47C270.37 407.89 213.81 397.86 160.27 386.86C106.73 375.86 50.14 360.7 13.82 319.85C-15.37 287.01 -27.14 240.74 -22.33 197.07C-17.52 153.4 2.77999 112.34 30.54 78.29C58.3 44.24 93.31 16.72 130.19 -7.16004C115.78 -7.59004 99.2 -10.83 78.83 7.21996Z" fill="url(#paint2_radial_5124_5032)"/>
+<path opacity="0.3" d="M146.48 -30.8999C94.5104 -10.8999 47.3304 23.1001 15.4904 68.7901C-16.3496 114.48 -32.0096 172.11 -23.3596 227.13C-14.7096 282.15 19.3704 333.51 68.7604 359.24C114.07 382.85 167.35 384.02 216.77 396.98C273.91 411.97 327.22 443.99 363.64 490.5C400.06 537.01 418.51 598.29 410.46 654.71C370.73 598.7 311.74 556.63 245.85 537.3C205.44 525.45 162.79 521.92 123.03 508.04C49.5004 482.36 -9.74964 420.6 -35.3496 347.05C-60.9496 273.5 -53.3796 189.7 -17.8296 120.4C17.7104 51.1201 80.1604 -3.2999 146.48 -30.8999Z" fill="url(#paint3_radial_5124_5032)"/>
+<path opacity="0.3" d="M4.58024 107.51C-9.27976 206.46 44.4002 311.34 132.75 357.98C177.08 381.38 227.64 390.72 272.58 412.93C323.92 438.3 366.71 480.59 392.7 531.62C418.68 582.65 427.71 642.14 418.03 698.58C413.49 647.99 406.93 597.18 390.85 549C374.77 500.82 348.56 455.04 309.83 422.18C267.41 386.19 212.93 367.78 166.96 336.47C123.13 306.61 87.4502 264.9 64.7602 216.96C42.7102 170.38 33.0502 116.22 47.4302 66.7401C61.8102 17.2601 103.29 -25.7599 154.29 -33.1699" fill="url(#paint4_radial_5124_5032)"/>
+<path opacity="0.1" d="M589.521 607.86C622.551 598.74 653.74 584.07 684.75 569.48C710.84 557.2 737.09 544.82 760.48 527.97C783.87 511.12 804.49 489.34 815.55 462.71C815.21 489.96 802.61 516.15 784.22 536.26C765.83 556.37 742.001 570.84 717.031 581.77C673.731 600.72 626.071 609.64 589.521 607.86Z" fill="url(#paint5_radial_5124_5032)"/>
+<path opacity="0.25" d="M193.67 -1.25001C147.49 26.87 114.66 74.27 99.05 126.03C83.44 177.79 84.2 233.6 95.5 286.47C113.51 370.73 158.45 449.03 222.12 507.08C285.79 565.13 367.9 602.66 453.47 612.82C307.65 625.99 156 563.61 65.39 448.59C-25.22 333.57 -49.91 168.77 7.36004 34.02C15.2 15.58 24.92 -2.86001 40.7 -15.2C69.64 -37.82 110.43 -34.39 146.88 -29.84C157.94 -28.46 169.46 -26.91 178.69 -20.67C187.92 -14.43 193.97 -1.95001 193.67 -1.25001Z" fill="url(#paint6_radial_5124_5032)"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_f_4599_23" x="0" y="0" width="804" height="604" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_f_5124_5032" x="0" y="0" width="804" height="604" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_4599_23"/>
+<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_5124_5032"/>
 </filter>
-<radialGradient id="paint0_radial_4599_23" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(401.863 302.132) scale(596.482 526.353)">
+<radialGradient id="paint0_radial_5124_5032" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(401.863 302.132) scale(596.482 526.353)">
 <stop stop-color="white"/>
 <stop offset="0.5" stop-color="#FEFFFF" stop-opacity="0.8836"/>
 <stop offset="0.8" stop-color="#F1FCFA" stop-opacity="0.2"/>
 <stop offset="0.88" stop-color="#25A6A0" stop-opacity="0.25"/>
 <stop offset="1" stop-color="#008080" stop-opacity="0.4"/>
 </radialGradient>
-<radialGradient id="paint1_radial_4599_23" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23.6903 297.52) scale(612.25 612.25)">
+<radialGradient id="paint1_radial_5124_5032" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23.6903 297.52) scale(612.25 612.25)">
 <stop stop-color="#008080"/>
 <stop offset="1" stop-color="white"/>
 </radialGradient>
-<radialGradient id="paint2_radial_4599_23" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(68.53 248.67) scale(198.6 198.6)">
+<radialGradient id="paint2_radial_5124_5032" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(68.53 248.67) scale(198.6 198.6)">
 <stop stop-color="#03AFD7"/>
 <stop offset="1" stop-color="#008080" stop-opacity="0.1"/>
 </radialGradient>
-<radialGradient id="paint3_radial_4599_23" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(76.0804 359.54) scale(285.07 285.07)">
+<radialGradient id="paint3_radial_5124_5032" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(76.0804 359.54) scale(285.07 285.07)">
 <stop stop-color="#03AFD7"/>
 <stop offset="1" stop-color="#008080" stop-opacity="0.1"/>
 </radialGradient>
-<radialGradient id="paint4_radial_4599_23" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(117.1 383.54) scale(279.24 279.24)">
+<radialGradient id="paint4_radial_5124_5032" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(117.1 383.54) scale(279.24 279.24)">
 <stop stop-color="#03AFD7"/>
 <stop offset="1" stop-color="#008080" stop-opacity="0.1"/>
 </radialGradient>
-<radialGradient id="paint5_radial_4599_23" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(607.081 533.75) scale(183.17 183.17)">
+<radialGradient id="paint5_radial_5124_5032" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(607.081 533.75) scale(183.17 183.17)">
 <stop stop-color="#008080"/>
 <stop offset="1" stop-color="white"/>
 </radialGradient>
-<radialGradient id="paint6_radial_4599_23" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(215.05 290.69) scale(383.8 383.8)">
+<radialGradient id="paint6_radial_5124_5032" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(215.05 290.69) scale(383.8 383.8)">
 <stop stop-color="#03AFD7"/>
 <stop offset="1" stop-color="white"/>
 </radialGradient>
-<clipPath id="clip0_4599_23">
-<rect x="2" y="2" width="800" height="600" rx="12" fill="white"/>
-</clipPath>
 </defs>
 </svg>
diff --git a/frontend/src/views/FirstTimeUserExperienceView.vue b/frontend/src/views/FirstTimeUserExperienceView.vue
index b3d1dbc11..0ab94863d 100644
--- a/frontend/src/views/FirstTimeUserExperienceView.vue
+++ b/frontend/src/views/FirstTimeUserExperienceView.vue
@@ -121,7 +121,7 @@ body {
 
 /* position-center apmt-background-color fixed z-[60] flex size-full gap-6 rounded-xl bg-white p-8 pb-0 drop-shadow-xl*/
 .modal {
-  --background-color: var(--colour-neutral-raised);
+  --background-color: var(--colour-primary-soft);
   --background: url('@/assets/svg/ftue-background.svg');
   position: relative;
   width: 100%;
@@ -137,7 +137,9 @@ body {
 }
 
 .dark .modal {
+  --background-color: var(--colour-neutral-raised);
   --background: url('@/assets/svg/ftue-background-dark.svg');
+  border: 0.0625rem solid var(--colour-apmt-primary);
 }
 
 .modal::before {