/* GENERATED from the approved design prototype - hero confetti shapes.
   Decorative only (aria-hidden). Colours here are illustration colours and are
   deliberately not part of the swappable theme. Presets live in Services/Ui/HeroDecorations.cs. */
.cf-1{position:absolute;top:34px;left:-84px;width:74px;height:74px;border-radius:50%;background:#EDF7F6;}
.cf-2{position:absolute;top:18px;right:-72px;width:52px;height:52px;border-radius:50%;background:#E8F5F4;}
.cf-3{position:absolute;bottom:34px;left:-56px;width:40px;height:40px;border-radius:50%;background:#E3F2F0;}
.cf-4{position:absolute;bottom:22px;right:-96px;width:62px;height:62px;border-radius:50%;background:#EDF7F6;}
.cf-5{position:absolute;top:46%;left:-38px;width:20px;height:20px;border-radius:6px;background:#CFE8E6;transform:rotate(-16deg);}
.cf-6{position:absolute;top:38%;right:-32px;width:17px;height:17px;border-radius:5px;background:#F7E4BC;transform:rotate(18deg);}
.cf-7{position:absolute;bottom:40%;left:-108px;width:12px;height:12px;border-radius:50%;background:#9BD2D0;}
.cf-8{position:absolute;top:24%;right:-116px;width:11px;height:11px;border-radius:50%;background:#EFD0C3;}
.cf-9{position:absolute;top:14px;left:3%;width:46px;height:46px;border-radius:50%;background:#E8F5F4;}
.cf-10{position:absolute;bottom:16px;left:12%;width:22px;height:22px;border-radius:50%;background:#BFE0DE;}
.cf-11{position:absolute;top:26px;left:23%;width:16px;height:16px;border-radius:50%;background:#F4D9A0;}
.cf-12{position:absolute;bottom:8px;left:34%;width:34px;height:34px;border-radius:50%;background:#EDF7F6;}
.cf-13{position:absolute;top:8px;left:45%;width:26px;height:26px;border-radius:50%;background:#E3F2F0;}
.cf-14{position:absolute;bottom:28px;left:52%;width:14px;height:14px;border-radius:50%;background:#EFB6A3;}
.cf-15{position:absolute;top:32px;left:60%;width:18px;height:18px;border-radius:50%;background:#CFE8E6;}
.cf-16{position:absolute;bottom:8px;left:67%;width:30px;height:30px;border-radius:50%;background:#EDF7F6;}
.cf-17{position:absolute;top:12px;left:77%;width:38px;height:38px;border-radius:50%;background:#E3F2F0;}
.cf-18{position:absolute;bottom:24px;left:85%;width:16px;height:16px;border-radius:50%;background:#9BD2D0;}
.cf-19{position:absolute;top:36px;left:92%;width:22px;height:22px;border-radius:50%;background:#F7E4BC;}
.cf-20{position:absolute;top:58px;left:9%;width:12px;height:12px;border-radius:50%;background:#9BD2D0;}
.cf-21{position:absolute;bottom:46px;left:29%;width:12px;height:12px;border-radius:50%;background:#F4D9A0;}
.cf-22{position:absolute;top:4%;right:8%;width:74px;height:74px;border-radius:50%;background:#E3F2F0;}
.cf-23{position:absolute;bottom:4%;left:6%;width:56px;height:56px;border-radius:50%;background:#EDF7F6;}
.cf-24{position:absolute;top:16%;left:16%;width:20px;height:20px;border-radius:50%;background:#F4D9A0;}
.cf-25{position:absolute;bottom:20%;right:6%;width:16px;height:16px;border-radius:50%;background:#EFB6A3;}
.cf-26{position:absolute;top:10px;left:3%;width:34px;height:34px;border-radius:9px;background:#DCEFEE;transform:rotate(-14deg);}
.cf-27{position:absolute;top:18px;left:15%;width:20px;height:20px;border-radius:50%;background:#F7E4BC;}
.cf-28{position:absolute;top:6px;left:27%;width:44px;height:44px;border-radius:50%;background:#E8F5F4;}
.cf-29{position:absolute;top:26px;left:39%;width:16px;height:16px;border-radius:50%;background:#BFE0DE;}
.cf-30{position:absolute;top:8px;left:50%;width:26px;height:26px;border-radius:7px;background:#F2DFD8;transform:rotate(16deg);}
.cf-31{position:absolute;bottom:12px;left:5%;width:26px;height:26px;border-radius:7px;background:#F4D9A0;transform:rotate(12deg);}
.cf-32{position:absolute;bottom:22px;left:18%;width:16px;height:16px;border-radius:50%;background:#9BD2D0;}
.cf-33{position:absolute;bottom:4px;left:30%;width:48px;height:48px;border-radius:50%;background:#EDF7F6;}
.cf-34{position:absolute;bottom:18px;left:44%;width:22px;height:22px;border-radius:6px;background:#CFE8E6;transform:rotate(-20deg);}
.cf-35{position:absolute;bottom:10px;left:56%;width:18px;height:18px;border-radius:50%;background:#EFB6A3;}
.cf-36{position:absolute;top:14px;left:62%;width:30px;height:30px;border-radius:8px;background:#DCEFEE;transform:rotate(-10deg);}
.cf-37{position:absolute;top:30px;left:72%;width:16px;height:16px;border-radius:50%;background:#F4D9A0;}
.cf-38{position:absolute;top:4px;left:80%;width:38px;height:38px;border-radius:50%;background:#EDF7F6;}
.cf-39{position:absolute;top:34px;left:90%;width:20px;height:20px;border-radius:6px;background:#CFE8E6;transform:rotate(22deg);}
.cf-40{position:absolute;bottom:6px;left:68%;width:34px;height:34px;border-radius:50%;background:#E3F2F0;}
.cf-41{position:absolute;bottom:26px;left:78%;width:16px;height:16px;border-radius:50%;background:#BFE0DE;}
.cf-42{position:absolute;bottom:10px;left:87%;width:24px;height:24px;border-radius:7px;background:#F7E4BC;transform:rotate(-16deg);}
.cf-43{position:absolute;bottom:34px;left:94%;width:14px;height:14px;border-radius:50%;background:#EFB6A3;}
.cf-44{position:absolute;top:52px;left:8%;width:14px;height:14px;border-radius:50%;background:#9BD2D0;}
.cf-45{position:absolute;bottom:48px;left:36%;width:12px;height:12px;border-radius:50%;background:#F4D9A0;}
.cf-46{position:absolute;top:-34px;left:-30px;width:56px;height:56px;border-radius:50%;background:#D6EDEB;}
.cf-47{position:absolute;top:-26px;right:-28px;width:44px;height:44px;border-radius:50%;background:#E8F5F4;}
.cf-48{position:absolute;bottom:-30px;left:-24px;width:48px;height:48px;border-radius:50%;background:#E3F2F0;}
.cf-49{position:absolute;bottom:-28px;right:-26px;width:38px;height:38px;border-radius:50%;background:#EDF7F6;}
.cf-50{position:absolute;top:-18px;left:38%;width:26px;height:26px;border-radius:7px;background:#F4D9A0;transform:rotate(14deg);}
.cf-51{position:absolute;bottom:-38px;left:44%;width:22px;height:22px;border-radius:6px;background:#EFB6A3;transform:rotate(-18deg);}
.cf-52{position:absolute;top:36%;left:-28px;width:20px;height:20px;border-radius:50%;background:#9BD2D0;}
.cf-53{position:absolute;top:52%;right:-26px;width:24px;height:24px;border-radius:7px;background:#CFE8E6;transform:rotate(20deg);}
.cf-54{position:absolute;top:10%;left:-20px;width:14px;height:14px;border-radius:50%;background:#F7E4BC;}
.cf-55{position:absolute;bottom:12%;right:-18px;width:14px;height:14px;border-radius:50%;background:#BFE0DE;}
.cf-56{position:absolute;top:-30px;left:-26px;width:52px;height:52px;border-radius:50%;background:#D6EDEB;}
.cf-57{position:absolute;top:-24px;right:-24px;width:40px;height:40px;border-radius:50%;background:#E8F5F4;}
.cf-58{position:absolute;bottom:-28px;left:-20px;width:44px;height:44px;border-radius:50%;background:#E3F2F0;}
.cf-59{position:absolute;bottom:-24px;right:-22px;width:34px;height:34px;border-radius:50%;background:#EDF7F6;}
.cf-60{position:absolute;top:-16px;left:40%;width:24px;height:24px;border-radius:7px;background:#F4D9A0;transform:rotate(14deg);}
.cf-61{position:absolute;top:38%;left:-24px;width:18px;height:18px;border-radius:50%;background:#9BD2D0;}
.cf-62{position:absolute;top:54%;right:-22px;width:22px;height:22px;border-radius:6px;background:#CFE8E6;transform:rotate(20deg);}
.cf-63{position:absolute;bottom:-34px;left:46%;width:20px;height:20px;border-radius:6px;background:#EFB6A3;transform:rotate(-18deg);}
.cf-64{position:absolute;top:16px;left:4%;width:44px;height:44px;border-radius:50%;background:#E8F5F4;}
.cf-65{position:absolute;bottom:18px;left:14%;width:20px;height:20px;border-radius:50%;background:#BFE0DE;}
.cf-66{position:absolute;top:26px;left:26%;width:16px;height:16px;border-radius:50%;background:#F4D9A0;}
.cf-67{position:absolute;bottom:10px;left:38%;width:34px;height:34px;border-radius:50%;background:#EDF7F6;}
.cf-68{position:absolute;top:8px;left:46%;width:26px;height:26px;border-radius:50%;background:#E3F2F0;}
.cf-69{position:absolute;bottom:8px;left:66%;width:30px;height:30px;border-radius:50%;background:#EDF7F6;}
.cf-70{position:absolute;top:12px;left:76%;width:38px;height:38px;border-radius:50%;background:#E3F2F0;}
.cf-71{position:absolute;bottom:24px;left:84%;width:16px;height:16px;border-radius:50%;background:#9BD2D0;}
.cf-72{position:absolute;top:36px;left:91%;width:22px;height:22px;border-radius:50%;background:#F7E4BC;}
.cf-73{position:absolute;bottom:46px;left:30%;width:12px;height:12px;border-radius:50%;background:#F4D9A0;}
.cf-74{position:absolute;top:6%;right:10%;width:76px;height:76px;border-radius:50%;background:#E3F2F0;}
.cf-75{position:absolute;bottom:4%;left:8%;width:58px;height:58px;border-radius:50%;background:#EDF7F6;}
.cf-76{position:absolute;top:14%;left:18%;width:22px;height:22px;border-radius:50%;background:#F4D9A0;}
.cf-77{position:absolute;bottom:18%;right:6%;width:18px;height:18px;border-radius:50%;background:#EFB6A3;}
.cf-78{position:absolute;top:16%;left:14%;width:20px;height:20px;border-radius:50%;background:#F4D9A0;}
.cf-79{position:absolute;bottom:18%;right:5%;width:16px;height:16px;border-radius:50%;background:#EFB6A3;}
.cf-80{position:absolute;bottom:-28px;left:-22px;width:44px;height:44px;border-radius:50%;background:#E3F2F0;}
.cf-81{position:absolute;bottom:-26px;right:-22px;width:36px;height:36px;border-radius:50%;background:#EDF7F6;}
.cf-82{position:absolute;bottom:-38px;left:46%;width:20px;height:20px;border-radius:6px;background:#EFB6A3;transform:rotate(-18deg);}
.cf-83{position:absolute;top:54%;right:-22px;width:22px;height:22px;border-radius:7px;background:#CFE8E6;transform:rotate(20deg);}
.cf-84{position:absolute;top:-30px;left:-20px;width:54px;height:54px;border-radius:50%;background:#E3F2F0;}
.cf-85{position:absolute;top:-24px;right:-22px;width:38px;height:38px;border-radius:50%;background:#EDF7F6;}
.cf-86{position:absolute;bottom:-26px;right:-16px;width:44px;height:44px;border-radius:50%;background:#E8F5F4;}
.cf-87{position:absolute;bottom:-20px;left:-14px;width:19px;height:19px;border-radius:6px;background:#CFE8E6;transform:rotate(18deg);}
.cf-88{position:absolute;top:44%;right:-26px;width:13px;height:13px;border-radius:50%;background:#9BD2D0;}
.cf-89{position:absolute;top:28%;left:-24px;width:12px;height:12px;border-radius:4px;background:#F7E4BC;transform:rotate(-16deg);}
.cf-90{position:absolute;top:-34px;left:-18px;width:52px;height:52px;border-radius:50%;background:#E3F2F0;}
.cf-91{position:absolute;top:-26px;right:-22px;width:38px;height:38px;border-radius:50%;background:#EDF7F6;}
.cf-92{position:absolute;bottom:-28px;right:-16px;width:44px;height:44px;border-radius:50%;background:#E8F5F4;}
.cf-93{position:absolute;bottom:-22px;left:-14px;width:20px;height:20px;border-radius:6px;background:#CFE8E6;transform:rotate(18deg);}
.cf-94{position:absolute;top:44%;right:-26px;width:14px;height:14px;border-radius:50%;background:#9BD2D0;}
.cf-95{position:absolute;top:30%;left:-24px;width:13px;height:13px;border-radius:4px;background:#F7E4BC;transform:rotate(-16deg);}
.cf-96{position:absolute;top:26%;left:-24px;width:12px;height:12px;border-radius:4px;background:#F7E4BC;transform:rotate(-16deg);}

/* Scattered shapes around the home page counselling-room illustration (from the update 2 handoff).
   Decorative only (aria-hidden); positioned in the empty margin outside the drawing. */
.room-shape{position:absolute;pointer-events:none;}
.room-shape--1{top:-26px;left:-6px;width:54px;height:54px;border-radius:50%;background:#E3F2F0;}
.room-shape--2{top:2px;right:6%;width:36px;height:36px;border-radius:50%;background:#EDF7F6;}
.room-shape--3{bottom:-4px;right:3%;width:46px;height:46px;border-radius:50%;background:#E8F5F4;}
.room-shape--4{bottom:4px;left:8%;width:20px;height:20px;border-radius:6px;background:#CFE8E6;transform:rotate(18deg);}
.room-shape--5{top:40%;left:-4px;width:14px;height:14px;border-radius:50%;background:#9BD2D0;}
.room-shape--6{top:30%;right:-2px;width:13px;height:13px;border-radius:4px;background:#F7E4BC;transform:rotate(-16deg);}