:root{--latar:#F6FAFF;--latar-2:#E7F1FF;--teks:#2B3A55;--teks-2:#66748F;--aksen:#4E86E8;--garis:#D6E4F7;--kartu:#fff;--mint:#7FD8BE;--pink:#FFC8DD;
--latar-sampul:#DDEFFF;--teks-sampul:#2B3A55;--f-judul:"Fredoka",system-ui,sans-serif;--f-nama:"Fredoka",system-ui,sans-serif;--f-teks:"Fredoka",system-ui,sans-serif;--ukuran-nama:clamp(54px,16vw,90px);--r:22px}
body.u{font-weight:400}
.u-sampul{background:linear-gradient(180deg,#CFE6FF,#EAF4FF 55%,#FDF4FA)}
.awan{position:absolute;width:150px;opacity:.95}
.awan.a1{top:6%;left:-30px}.awan.a2{top:16%;right:-40px;width:180px}.awan.a3{bottom:8%;left:20%;width:120px;opacity:.8}
.bintang-kecil{position:absolute;inset:0;background:radial-gradient(#FFD166 2px,transparent 2.5px) 20px 40px/110px 120px,radial-gradient(#fff 2px,transparent 2.5px) 70px 90px/90px 140px}
.balon{display:block;width:110px;margin:0 auto 4px}
.u-kecil{color:var(--aksen);font-weight:600}
.u-nama-besar{color:var(--aksen);font-weight:600;text-shadow:3px 3px 0 #fff}
.u-sampul .u-tbl{background:var(--aksen);border-color:var(--aksen);box-shadow:0 6px 0 #3567C2}
.titik-warna{width:96px;height:12px;margin:0 auto 22px;background:radial-gradient(circle,#8EC5FF 5px,transparent 5.5px) 0 0/32px 12px,radial-gradient(circle,#7FD8BE 5px,transparent 5.5px) 32px 0/96px 12px no-repeat,radial-gradient(circle,#FFC8DD 5px,transparent 5.5px) 64px 0/96px 12px no-repeat}
.u-judul{color:var(--aksen);font-weight:600}
.u-salam{font-weight:600}
.u-foto{width:210px;aspect-ratio:1;border-radius:50%;border:8px solid #fff;box-shadow:0 0 0 4px var(--mint),0 12px 24px -12px rgba(43,58,85,.35)}
.u-nama{font-weight:600;color:var(--aksen)}
.u-kartu-acara{background:#fff;border:2px solid var(--garis)}
.u-hitung div{background:#fff;border:2px solid var(--mint)}.u-hitung b{color:var(--aksen);font-weight:600}
.u-tbl{border-radius:999px}
.u-penutup{background:linear-gradient(180deg,#F6FAFF,#DDEFFF);max-width:none}