:root{--latar:#F3FBFF;--latar-2:#E1F3FF;--teks:#1F3A4D;--teks-2:#4D6B80;--aksen:#E8732C;--garis:#CFE6F5;--kartu:#fff;--hijau:#3E9E4F;
--latar-sampul:#BDE6FF;--teks-sampul:#1F3A4D;--f-judul:"Fredoka",system-ui,sans-serif;--f-nama:"Fredoka",system-ui,sans-serif;--f-teks:"Fredoka",system-ui,sans-serif;--ukuran-nama:clamp(56px,17vw,96px);--r:22px}
.u-sampul{background:linear-gradient(#9ED8FF,#D7F0FF 60%,#E9F8FF);align-items:flex-start;padding-top:8vh}
.awan-kampung{position:absolute;inset:0;background:radial-gradient(50px 20px at 10% 5%,#fff 98%,transparent),radial-gradient(60px 22px at 92% 9%,#fff 98%,transparent)}
.kampung{position:absolute;left:0;right:0;bottom:0;width:100%;height:min(70vw,48vh)}
.sapaan{color:var(--hijau)!important;font-weight:600;opacity:1!important}
.u-kecil{color:var(--aksen);font-weight:600}
.u-nama-besar{color:var(--aksen);font-weight:600;text-shadow:0 4px 0 #fff}
.u-sampul .u-tbl{background:var(--aksen);border-color:var(--aksen);box-shadow:0 5px 0 #B9551A}
.titik-ceria{width:110px;height:14px;margin:0 auto 22px;background:radial-gradient(circle,#F25F5C 6px,transparent 6.5px) 0 0/36px 14px,radial-gradient(circle,#FFE066 6px,transparent 6.5px) 36px 0/108px 14px no-repeat,radial-gradient(circle,#3E9E4F 6px,transparent 6.5px) 72px 0/108px 14px 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(--hijau)}
.u-nama{color:var(--hijau);font-weight:600}
.u-kartu-acara{background:#fff;border:2px solid var(--garis)}
.u-hitung div{background:#fff;border:2px solid var(--aksen)}.u-hitung b{color:var(--aksen);font-weight:600}
.u-penutup{background:linear-gradient(#F3FBFF,#C9F0C2);max-width:none}