:root{--bg:#fffaf6;--fg:#5b4a45;--accent:#bf5f75;--on-accent:#fff;--card:rgba(255,255,255,.88);--head:'Great Vibes','Brush Script MT',cursive;
--cover-bg:linear-gradient(#fffaf633,#fffaf64d 45%,#ffeef0bf);--petal:#f4b6c2;--petal2:#fbd5dc;--heart:#f2c14e;--leaf:#8fae8b;--leaf2:#6f9470}
body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cg opacity='.55'%3E%3Cg transform='translate(32 34)'%3E%3Cellipse cx='0' cy='-4.68' rx='2.7' ry='4.68' fill='%23fbd5dc' transform='rotate(36)'/%3E%3Cellipse cx='0' cy='-4.68' rx='2.7' ry='4.68' fill='%23fbd5dc' transform='rotate(108)'/%3E%3Cellipse cx='0' cy='-4.68' rx='2.7' ry='4.68' fill='%23fbd5dc' transform='rotate(180)'/%3E%3Cellipse cx='0' cy='-4.68' rx='2.7' ry='4.68' fill='%23fbd5dc' transform='rotate(252)'/%3E%3Cellipse cx='0' cy='-4.68' rx='2.7' ry='4.68' fill='%23fbd5dc' transform='rotate(324)'/%3E%3Cellipse cx='0' cy='-4.14' rx='2.52' ry='4.14' fill='%23f4b6c2' transform='rotate(0)'/%3E%3Cellipse cx='0' cy='-4.14' rx='2.52' ry='4.14' fill='%23f4b6c2' transform='rotate(72)'/%3E%3Cellipse cx='0' cy='-4.14' rx='2.52' ry='4.14' fill='%23f4b6c2' transform='rotate(144)'/%3E%3Cellipse cx='0' cy='-4.14' rx='2.52' ry='4.14' fill='%23f4b6c2' transform='rotate(216)'/%3E%3Cellipse cx='0' cy='-4.14' rx='2.52' ry='4.14' fill='%23f4b6c2' transform='rotate(288)'/%3E%3Ccircle r='1.44' fill='%23f2c14e'/%3E%3C/g%3E%3Cpath d='M0 0C14-22 46-24 70 0C46 24 14 22 0 0Z' fill='%238fae8b' transform='translate(46 42) rotate(30) scale(0.22)'/%3E%3Cg transform='translate(104 98)'%3E%3Cellipse cx='0' cy='-3.64' rx='2.1' ry='3.64' fill='%23fbd5dc' transform='rotate(36)'/%3E%3Cellipse cx='0' cy='-3.64' rx='2.1' ry='3.64' fill='%23fbd5dc' transform='rotate(108)'/%3E%3Cellipse cx='0' cy='-3.64' rx='2.1' ry='3.64' fill='%23fbd5dc' transform='rotate(180)'/%3E%3Cellipse cx='0' cy='-3.64' rx='2.1' ry='3.64' fill='%23fbd5dc' transform='rotate(252)'/%3E%3Cellipse cx='0' cy='-3.64' rx='2.1' ry='3.64' fill='%23fbd5dc' transform='rotate(324)'/%3E%3Cellipse cx='0' cy='-3.22' rx='1.96' ry='3.22' fill='%23f4b6c2' transform='rotate(0)'/%3E%3Cellipse cx='0' cy='-3.22' rx='1.96' ry='3.22' fill='%23f4b6c2' transform='rotate(72)'/%3E%3Cellipse cx='0' cy='-3.22' rx='1.96' ry='3.22' fill='%23f4b6c2' transform='rotate(144)'/%3E%3Cellipse cx='0' cy='-3.22' rx='1.96' ry='3.22' fill='%23f4b6c2' transform='rotate(216)'/%3E%3Cellipse cx='0' cy='-3.22' rx='1.96' ry='3.22' fill='%23f4b6c2' transform='rotate(288)'/%3E%3Ccircle r='1.12' fill='%23f2c14e'/%3E%3C/g%3E%3Cpath d='M0 0C14-22 46-24 70 0C46 24 14 22 0 0Z' fill='%238fae8b' transform='translate(112 104) rotate(200) scale(0.2)'/%3E%3C/g%3E%3C/svg%3E");font-family:'Quicksand',system-ui,sans-serif}
.cover{color:var(--fg)}
.cover .inner{position:relative;z-index:1;padding:26px 0;background:radial-gradient(closest-side,#fffaf6d0 50%,#fffaf600)}
h1{font-size:clamp(2.8rem,14vw,4.6rem)!important;font-weight:400}
.sec h2{font-size:2.3rem;font-weight:400}
.sec h2::before{content:"";display:block;height:30px;margin:0 auto 8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 30'%3E%3Cpath d='M0 0C14-22 46-24 70 0C46 24 14 22 0 0Z' fill='%238fae8b' transform='translate(62 15) rotate(180) scale(0.34)'/%3E%3Cpath d='M0 0C14-22 46-24 70 0C46 24 14 22 0 0Z' fill='%238fae8b' transform='translate(138 15) rotate(0) scale(0.34)'/%3E%3Cpath d='M0 0C14-22 46-24 70 0C46 24 14 22 0 0Z' fill='%238fae8b' transform='translate(40 15) rotate(180) scale(0.26)'/%3E%3Cpath d='M0 0C14-22 46-24 70 0C46 24 14 22 0 0Z' fill='%238fae8b' transform='translate(160 15) rotate(0) scale(0.26)'/%3E%3Cg transform='translate(60 15)'%3E%3Cellipse cx='0' cy='-4.16' rx='2.4' ry='4.16' fill='%23fbd5dc' transform='rotate(36)'/%3E%3Cellipse cx='0' cy='-4.16' rx='2.4' ry='4.16' fill='%23fbd5dc' transform='rotate(108)'/%3E%3Cellipse cx='0' cy='-4.16' rx='2.4' ry='4.16' fill='%23fbd5dc' transform='rotate(180)'/%3E%3Cellipse cx='0' cy='-4.16' rx='2.4' ry='4.16' fill='%23fbd5dc' transform='rotate(252)'/%3E%3Cellipse cx='0' cy='-4.16' rx='2.4' ry='4.16' fill='%23fbd5dc' transform='rotate(324)'/%3E%3Cellipse cx='0' cy='-3.68' rx='2.24' ry='3.68' fill='%23f4b6c2' transform='rotate(0)'/%3E%3Cellipse cx='0' cy='-3.68' rx='2.24' ry='3.68' fill='%23f4b6c2' transform='rotate(72)'/%3E%3Cellipse cx='0' cy='-3.68' rx='2.24' ry='3.68' fill='%23f4b6c2' transform='rotate(144)'/%3E%3Cellipse cx='0' cy='-3.68' rx='2.24' ry='3.68' fill='%23f4b6c2' transform='rotate(216)'/%3E%3Cellipse cx='0' cy='-3.68' rx='2.24' ry='3.68' fill='%23f4b6c2' transform='rotate(288)'/%3E%3Ccircle r='1.28' fill='%23f2c14e'/%3E%3C/g%3E%3Cg transform='translate(140 15)'%3E%3Cellipse cx='0' cy='-4.16' rx='2.4' ry='4.16' fill='%23fbd5dc' transform='rotate(36)'/%3E%3Cellipse cx='0' cy='-4.16' rx='2.4' ry='4.16' fill='%23fbd5dc' transform='rotate(108)'/%3E%3Cellipse cx='0' cy='-4.16' rx='2.4' ry='4.16' fill='%23fbd5dc' transform='rotate(180)'/%3E%3Cellipse cx='0' cy='-4.16' rx='2.4' ry='4.16' fill='%23fbd5dc' transform='rotate(252)'/%3E%3Cellipse cx='0' cy='-4.16' rx='2.4' ry='4.16' fill='%23fbd5dc' transform='rotate(324)'/%3E%3Cellipse cx='0' cy='-3.68' rx='2.24' ry='3.68' fill='%23f4b6c2' transform='rotate(0)'/%3E%3Cellipse cx='0' cy='-3.68' rx='2.24' ry='3.68' fill='%23f4b6c2' transform='rotate(72)'/%3E%3Cellipse cx='0' cy='-3.68' rx='2.24' ry='3.68' fill='%23f4b6c2' transform='rotate(144)'/%3E%3Cellipse cx='0' cy='-3.68' rx='2.24' ry='3.68' fill='%23f4b6c2' transform='rotate(216)'/%3E%3Cellipse cx='0' cy='-3.68' rx='2.24' ry='3.68' fill='%23f4b6c2' transform='rotate(288)'/%3E%3Ccircle r='1.28' fill='%23f2c14e'/%3E%3C/g%3E%3Cg transform='translate(100 15)'%3E%3Cellipse cx='0' cy='-6.76' rx='3.9' ry='6.76' fill='%23fbd5dc' transform='rotate(36)'/%3E%3Cellipse cx='0' cy='-6.76' rx='3.9' ry='6.76' fill='%23fbd5dc' transform='rotate(108)'/%3E%3Cellipse cx='0' cy='-6.76' rx='3.9' ry='6.76' fill='%23fbd5dc' transform='rotate(180)'/%3E%3Cellipse cx='0' cy='-6.76' rx='3.9' ry='6.76' fill='%23fbd5dc' transform='rotate(252)'/%3E%3Cellipse cx='0' cy='-6.76' rx='3.9' ry='6.76' fill='%23fbd5dc' transform='rotate(324)'/%3E%3Cellipse cx='0' cy='-5.98' rx='3.64' ry='5.98' fill='%23f4b6c2' transform='rotate(0)'/%3E%3Cellipse cx='0' cy='-5.98' rx='3.64' ry='5.98' fill='%23f4b6c2' transform='rotate(72)'/%3E%3Cellipse cx='0' cy='-5.98' rx='3.64' ry='5.98' fill='%23f4b6c2' transform='rotate(144)'/%3E%3Cellipse cx='0' cy='-5.98' rx='3.64' ry='5.98' fill='%23f4b6c2' transform='rotate(216)'/%3E%3Cellipse cx='0' cy='-5.98' rx='3.64' ry='5.98' fill='%23f4b6c2' transform='rotate(288)'/%3E%3Ccircle r='2.08' fill='%23f2c14e'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.nm{font-size:2.2rem;font-weight:400}
.card{position:relative;padding:34px 20px;box-shadow:0 8px 24px #bf5f7518}
.card::before,.card::after{content:"";position:absolute;width:56px;height:56px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M0 0C14-22 46-24 70 0C46 24 14 22 0 0Z' fill='%238fae8b' transform='translate(30 30) rotate(25) scale(0.5)'/%3E%3Cpath d='M0 0C14-22 46-24 70 0C46 24 14 22 0 0Z' fill='%236f9470' transform='translate(30 30) rotate(75) scale(0.5)'/%3E%3Cpath d='M0 0C14-22 46-24 70 0C46 24 14 22 0 0Z' fill='%238fae8b' transform='translate(30 30) rotate(118) scale(0.42)'/%3E%3Cg transform='translate(24 24)'%3E%3Cellipse cx='0' cy='-8.32' rx='4.8' ry='8.32' fill='%23fbd5dc' transform='rotate(36)'/%3E%3Cellipse cx='0' cy='-8.32' rx='4.8' ry='8.32' fill='%23fbd5dc' transform='rotate(108)'/%3E%3Cellipse cx='0' cy='-8.32' rx='4.8' ry='8.32' fill='%23fbd5dc' transform='rotate(180)'/%3E%3Cellipse cx='0' cy='-8.32' rx='4.8' ry='8.32' fill='%23fbd5dc' transform='rotate(252)'/%3E%3Cellipse cx='0' cy='-8.32' rx='4.8' ry='8.32' fill='%23fbd5dc' transform='rotate(324)'/%3E%3Cellipse cx='0' cy='-7.36' rx='4.48' ry='7.36' fill='%23f4b6c2' transform='rotate(0)'/%3E%3Cellipse cx='0' cy='-7.36' rx='4.48' ry='7.36' fill='%23f4b6c2' transform='rotate(72)'/%3E%3Cellipse cx='0' cy='-7.36' rx='4.48' ry='7.36' fill='%23f4b6c2' transform='rotate(144)'/%3E%3Cellipse cx='0' cy='-7.36' rx='4.48' ry='7.36' fill='%23f4b6c2' transform='rotate(216)'/%3E%3Cellipse cx='0' cy='-7.36' rx='4.48' ry='7.36' fill='%23f4b6c2' transform='rotate(288)'/%3E%3Ccircle r='2.56' fill='%23f2c14e'/%3E%3C/g%3E%3Cellipse cx='46' cy='14' rx='4' ry='7' fill='%23f4b6c2' transform='rotate(40 46 14)'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
.card::before{top:-20px;left:-16px}
.card::after{bottom:-20px;right:-16px;transform:rotate(180deg)}
.countdown div{background:#fff}
.gal img{border:4px solid #fff;box-shadow:0 4px 14px #bf5f7533;border-radius:14px}
.btn{box-shadow:0 4px 14px #bf5f7544}
input:focus,select:focus,textarea:focus{outline:2px solid var(--petal);border-color:var(--accent)}
/* rangkaian bunga */
.gl{position:absolute;width:min(56vw,300px);height:auto;pointer-events:none;animation:bloom 1.6s ease-out both,sway 8s 1.6s ease-in-out infinite alternate}
.gl.small{width:min(30vw,160px)}
.gl.tl{top:0;left:0;transform-origin:0 0}.gl.tr{top:0;right:0;transform-origin:100% 0}
.gl.bl{bottom:0;left:0;transform-origin:0 100%}.gl.br{bottom:0;right:0;transform-origin:100% 100%}
.gband{position:relative;height:clamp(90px,26vw,130px);overflow:hidden}
.gband .gl{width:min(34vw,170px)}
@keyframes bloom{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
@keyframes sway{from{transform:rotate(-1.2deg)}to{transform:rotate(1.2deg)}}
@media (max-width:600px){.card{padding:32px 16px}.sec h2{font-size:2rem}}