*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}img{max-width:100%;display:block}:root{--cream:#fdfaf5;--ivory:#f5ede0;--warm:#ede3d3;--gold:#b8966a;--gold2:#c9a97c;--gold-lt:#b8966a21;--brown:#5a3e28;--brown2:#7a5c3e;--brown3:#4a3020;--text:#3d2b1a;--muted:#9a8070;--shadow:0 4px 32px #5a3e281a}body{background:var(--cream);color:var(--text);font-family:Lato,sans-serif;overflow-x:hidden}#cover{z-index:9999;text-align:center;background:linear-gradient(158deg,#f7edda 0%,#ede0c4 55%,#e4d1aa 100%);flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex;position:fixed;inset:0}.cover-bg{opacity:.1;background:url(https://images.unsplash.com/photo-1519741497674-611481863552?w=1200&q=75) 50%/cover no-repeat;position:absolute;inset:0}.oc{pointer-events:none;position:absolute}.oc.tl{width:clamp(110px,20vw,180px);top:0;left:0}.oc.tr{width:clamp(110px,20vw,180px);top:0;right:0;transform:scaleX(-1)}.oc.bl{width:clamp(80px,14vw,140px);bottom:0;left:0;transform:scaleY(-1)}.oc.br{width:clamp(80px,14vw,140px);bottom:0;right:0;transform:scale(-1)}.c-sup{letter-spacing:.3em;text-transform:uppercase;color:var(--brown2);margin-bottom:8px;font-size:10px;animation:.7s both fD}.c-names{color:var(--brown);font-family:Great Vibes,cursive;font-size:clamp(3.4rem,13vw,6.5rem);line-height:1.05;animation:.8s .1s both fD}.c-date{letter-spacing:.16em;color:var(--brown2);margin-top:5px;margin-bottom:26px;font-family:Cormorant Garamond,serif;font-size:clamp(.9rem,2.4vw,1.12rem);animation:.8s .2s both fD}.c-div{background:linear-gradient(90deg,transparent,var(--gold),transparent);width:90px;height:1px;margin:0 auto 26px;animation:.9s .3s both scIn}.c-to{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;font-size:10px;animation:.7s .35s both fU}.c-guest{color:var(--brown);margin-bottom:30px;font-family:Cormorant Garamond,serif;font-size:clamp(1.35rem,4.5vw,2.1rem);font-style:italic;line-height:1.2;animation:.8s .4s both fU}.btn-open{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#fff;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:9px;padding:14px 38px;font-family:Lato,sans-serif;font-size:12.5px;font-weight:700;transition:transform .2s,box-shadow .2s;animation:.8s .55s both fU,2.4s 1.5s infinite pulse;display:inline-flex;box-shadow:0 6px 28px #b8966a73}.btn-open:hover{transform:translateY(-3px);box-shadow:0 12px 36px #b8966a8c}#nav{z-index:500;-webkit-backdrop-filter:blur(18px);background:#fdfaf5e0;border:1px solid #b8966a33;border-radius:50px;gap:2px;padding:5px 8px;display:flex;position:fixed;top:13px;left:50%;transform:translate(-50%);box-shadow:0 4px 22px #5a3e281f}#nav a{letter-spacing:.1em;text-transform:uppercase;color:var(--brown2);white-space:nowrap;border-radius:50px;padding:6px 12px;font-size:9.5px;font-weight:700;text-decoration:none;transition:background .2s,color .2s}#nav a:hover,#nav a.a{background:var(--gold);color:#fff}#hero{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.slide{opacity:0;background-position:50%;background-size:cover;transition:opacity 1.6s;position:absolute;inset:0}.slide.on{opacity:1}.sl-ov{z-index:1;background:linear-gradient(#0000000a 0%,#12080299 100%);position:absolute;inset:0}.h-body{z-index:2;width:100%;padding:0 20px clamp(52px,9vw,90px);position:relative}.h-sup{letter-spacing:.38em;text-transform:uppercase;color:#ffffffb3;margin-bottom:10px;font-size:10px}.h-names{color:#fff;text-shadow:0 2px 30px #00000052;font-family:Great Vibes,cursive;font-size:clamp(4rem,16vw,9.5rem);line-height:.95}.h-date{letter-spacing:.2em;color:#ffffffd1;margin-top:10px;font-family:Cormorant Garamond,serif;font-size:clamp(1rem,2.8vw,1.3rem);font-weight:300}.dots{z-index:3;gap:8px;display:flex;position:absolute;bottom:clamp(72px,10vw,90px);left:50%;transform:translate(-50%)}.dot{cursor:pointer;background:#ffffff61;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .3s,transform .3s}.dot.on{background:#fff;transform:scale(1.35)}#quote{background:var(--brown);text-align:center;padding:clamp(60px,9vw,100px) clamp(20px,6vw,40px)}.arabic{color:var(--gold2);margin-bottom:22px;font-family:Cormorant Garamond,serif;font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.85}.q-text{color:#ffffffb8;max-width:560px;margin:0 auto 10px;font-family:Cormorant Garamond,serif;font-size:clamp(.93rem,2.1vw,1.08rem);font-style:italic;line-height:1.95}.q-ref{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:11px}.bsm-ln{background:#ffffff1f;width:1px;height:48px;margin:30px auto}.salam{color:#ffffffd1;margin-bottom:18px;font-family:Cormorant Garamond,serif;font-size:1.12rem;font-style:italic}.intro{color:#ffffff9e;max-width:500px;margin:0 auto;font-size:14px;line-height:2.05}.sec{text-align:center;max-width:780px;margin:0 auto;padding:clamp(64px,9vw,104px) clamp(20px,6vw,40px)}.stag{letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-size:10px;display:inline-block}.sti{color:var(--brown);margin-bottom:12px;font-family:Cormorant Garamond,serif;font-size:clamp(2rem,5.5vw,3.1rem);font-weight:400;line-height:1.2}.ssub{color:var(--muted);max-width:520px;margin:0 auto;font-size:14.5px;line-height:1.85}.gbar{background:var(--gold);width:44px;height:1px;margin:0 auto 34px}#mempelai{background:var(--ivory)}.mp-wrap{grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(12px,3vw,28px);margin-top:40px;display:grid}.mp-card{box-shadow:var(--shadow);background:#fff;border:1px solid #b8966a2b;border-radius:18px;flex-direction:column;align-items:center;padding:32px 20px;transition:transform .3s;display:flex}.mp-card:hover{transform:translateY(-5px)}.mp-photo{border:3px solid var(--gold2);border-radius:50%;width:clamp(100px,22vw,145px);height:clamp(100px,22vw,145px);margin-bottom:18px;overflow:hidden;box-shadow:0 0 0 7px #b8966a1c}.mp-photo img{object-fit:cover;width:100%;height:100%}.mp-role{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:7px;font-size:10px}.mp-name{color:var(--brown);margin-bottom:10px;font-family:Great Vibes,cursive;font-size:clamp(1.85rem,5vw,2.6rem);line-height:1.1}.mp-parents{color:var(--muted);margin-bottom:14px;font-size:13px;line-height:1.85}.mp-parents strong{color:var(--brown2)}.mp-ig{color:var(--muted);border:1px solid #b8966a47;border-radius:20px;align-items:center;gap:5px;padding:5px 13px;font-size:12px;text-decoration:none;transition:all .2s;display:inline-flex}.mp-ig:hover{background:var(--gold-lt);color:var(--brown)}.mp-amp{color:var(--gold);text-align:center;font-family:Great Vibes,cursive;font-size:clamp(2.8rem,8vw,4.5rem);line-height:1}#acara{background:var(--cream)}.ac-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;margin-top:40px;display:grid}.ac-card{box-shadow:var(--shadow);background:#fff;border:1px solid #b8966a2b;border-radius:14px;transition:transform .3s;overflow:hidden}.ac-card:hover{transform:translateY(-4px)}.ac-head{background:var(--brown);text-align:center;padding:22px 16px}.ac-hari{letter-spacing:.24em;text-transform:uppercase;color:#ffffff80;margin-bottom:7px;font-size:9.5px}.ac-tgl{color:#fff;font-family:Cormorant Garamond,serif;font-size:clamp(3.2rem,10vw,5.2rem);font-weight:300;line-height:1}.ac-bln{letter-spacing:.2em;text-transform:uppercase;color:var(--gold2);margin-top:5px;font-size:10.5px}.ac-body{text-align:left;padding:22px 20px}.ac-nama{color:var(--brown);margin-bottom:12px;font-family:Cormorant Garamond,serif;font-size:1.3rem;font-weight:500}.ac-det{color:var(--muted);margin-bottom:16px;font-size:13px;line-height:1.9}.ac-det span{display:block}.btn-gmap{color:var(--gold);border:1px solid #b8966a52;border-radius:20px;align-items:center;gap:6px;padding:7px 16px;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-flex}.btn-gmap:hover{background:var(--gold-lt)}#savedate{background:var(--ivory);text-align:center;padding:clamp(64px,9vw,104px) clamp(20px,6vw,40px)}.cd-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(10px,3vw,28px);margin:32px 0 36px;display:flex}.cd-box{flex-direction:column;align-items:center;min-width:64px;display:flex}.cd-n{color:var(--brown);font-family:Cormorant Garamond,serif;font-size:clamp(3rem,10vw,5.2rem);font-weight:300;line-height:1}.cd-l{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:10px}.cd-sep{color:var(--gold);font-family:Cormorant Garamond,serif;font-size:4rem;line-height:1}.btn-cal{background:var(--brown);color:#fff;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:9px;padding:13px 30px;font-family:Lato,sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 4px 20px #5a3e2838}.btn-cal:hover{background:var(--brown2);transform:translateY(-2px)}#video-section{background:var(--brown3);text-align:center;padding:clamp(64px,9vw,100px) clamp(20px,6vw,40px)}.video-wrap{aspect-ratio:16/9;background:#000;border-radius:14px;max-width:720px;margin:32px auto 0;position:relative;overflow:hidden;box-shadow:0 16px 56px #0006}.video-wrap iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-frame{pointer-events:none;z-index:2;border:2px solid #b8966a59;border-radius:16px;position:absolute;inset:-3px}#galeri{background:var(--cream)}.gallery{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:36px;display:grid}.gi{cursor:pointer;background:var(--warm);border-radius:9px;position:relative;overflow:hidden}.gi:first-child{aspect-ratio:2/1.05;grid-column:span 2}.gi:not(:first-child){aspect-ratio:1}.gi img{object-fit:cover;width:100%;height:100%;transition:transform .55s}.gi:hover img{transform:scale(1.07)}.gi:after{content:"";background:#5a3e2800;transition:background .3s;position:absolute;inset:0}.gi:hover:after{background:#5a3e2824}#rsvp{background:var(--ivory)}.rsvp-card{box-shadow:var(--shadow);text-align:left;background:#fff;border:1px solid #b8966a2b;border-radius:16px;max-width:460px;margin:32px auto 0;padding:clamp(22px,5vw,44px)}.fl{margin-bottom:18px}.fl label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-size:11px;display:block}.fi{background:var(--cream);width:100%;color:var(--text);appearance:none;border:1px solid #b8966a45;border-radius:8px;outline:none;padding:11px 15px;font-family:Lato,sans-serif;font-size:14px;transition:border .2s}.fi:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b8966a1c}.rsvp-opts{grid-template-columns:1fr 1fr;gap:11px;display:grid}.ropt{cursor:pointer;text-align:center;border:2px solid #b8966a38;border-radius:10px;padding:13px 10px;transition:border .2s,background .2s}.ropt.sel{border-color:var(--gold);background:var(--gold-lt)}.ropt input{display:none}.ropt .ri{margin-bottom:4px;font-size:22px;display:block}.ropt .rt{color:var(--text);font-size:13px}.btn-confirm{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#fff;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:4px;padding:13px;font-family:Lato,sans-serif;font-size:13px;font-weight:700;transition:opacity .2s,transform .2s;box-shadow:0 4px 18px #b8966a59}.btn-confirm:hover{opacity:.9;transform:translateY(-1px)}.btn-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none}#wishes{background:var(--cream)}.w-count{color:var(--muted);margin-bottom:18px;font-size:13px}.w-count span{color:var(--gold);font-weight:700}.w-form{box-shadow:var(--shadow);text-align:left;background:#fff;border:1px solid #b8966a29;border-radius:14px;max-width:600px;margin-left:auto;margin-right:auto;padding:22px}.w-form input,.w-form textarea{background:var(--cream);width:100%;color:var(--text);resize:vertical;border:1px solid #b8966a40;border-radius:8px;outline:none;padding:10px 14px;font-family:Lato,sans-serif;font-size:13.5px;transition:border .2s}.w-form input{margin-bottom:10px}.w-form textarea{min-height:86px}.w-form input:focus,.w-form textarea:focus{border-color:var(--gold)}.w-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:11px;display:flex}.w-note{color:var(--muted);font-size:11px}.btn-wish{background:var(--gold);color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;padding:9px 22px;font-family:Lato,sans-serif;font-size:12px;font-weight:700;transition:background .2s}.btn-wish:hover{background:var(--brown2)}.btn-wish:disabled{opacity:.5;cursor:not-allowed}.w-list{flex-direction:column;gap:13px;max-width:600px;margin:16px auto 0;display:flex}.w-item{text-align:left;background:#fff;border:1px solid #b8966a21;border-radius:13px;padding:17px 19px;animation:.5s both fU;box-shadow:0 2px 12px #5a3e280d}.w-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.w-av{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.w-nm{color:var(--brown);font-size:13px;font-weight:700}.w-ts{color:var(--muted);font-size:11px}.w-msg{color:var(--text);font-size:13.5px;line-height:1.75}#gift{background:var(--ivory)}.gift-list{flex-direction:column;gap:16px;max-width:420px;margin:32px auto 0;display:flex}.gift-card{box-shadow:var(--shadow);background:#fff;border:1px solid #b8966a2b;border-radius:14px;padding:22px 24px;transition:transform .25s}.gift-card:hover{transform:translateY(-3px)}.gift-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.gift-bank{color:var(--brown);font-family:Cormorant Garamond,serif;font-size:1.3rem;font-weight:500}.gift-badge{background:var(--gold-lt);color:var(--gold);letter-spacing:.06em;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.gift-an{color:var(--muted);margin-bottom:10px;font-size:12px}.gift-rek-row{background:var(--cream);border:1px solid #b8966a2b;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:11px 15px;display:flex}.gift-norek{color:var(--brown);letter-spacing:.06em;font-size:1.1rem;font-weight:700}.btn-salin{background:var(--gold);color:#fff;letter-spacing:.06em;cursor:pointer;white-space:nowrap;border:none;border-radius:7px;flex-shrink:0;align-items:center;gap:5px;padding:6px 14px;font-family:Lato,sans-serif;font-size:11.5px;font-weight:700;transition:background .2s,transform .15s;display:inline-flex}.btn-salin:hover{background:var(--brown2);transform:scale(1.03)}.btn-salin.ok{background:var(--brown2)}#closing{background:var(--brown);text-align:center;padding:clamp(64px,9vw,100px) clamp(20px,6vw,40px)}.cl-body{color:#ffffffad;max-width:500px;margin:0 auto 28px;font-size:14px;line-height:2.1}.cl-ttd{color:#ffffff80;margin-bottom:4px;font-family:Cormorant Garamond,serif;font-size:1rem;font-style:italic}.cl-names{color:var(--gold2);margin-top:12px;font-family:Great Vibes,cursive;font-size:clamp(2.4rem,7vw,3.8rem)}.cl-ws{color:#ffffffb8;margin-top:30px;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-style:italic}footer{text-align:center;background:#2e1808;padding:18px 20px}footer p{color:#ffffff45;letter-spacing:.08em;font-size:11px}#mfab{z-index:499;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#fdfaf5eb;border:1px solid #b8966a40;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;transition:transform .2s;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 3px 16px #5a3e282e}#mfab:hover{transform:scale(1.12)}.toast{background:var(--brown);color:#fff;z-index:9998;white-space:nowrap;border-radius:50px;padding:11px 24px;font-size:13px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(80px);box-shadow:0 6px 24px #00000038}.toast.s{transform:translate(-50%)translateY(0)}.reveal{opacity:0;transition:opacity .78s,transform .78s;transform:translateY(26px)}.reveal.v{opacity:1;transform:translateY(0)}@keyframes fD{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes fU{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes scIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes pulse{0%,to{box-shadow:0 6px 28px #b8966a73}50%{box-shadow:0 6px 44px #b8966ab8}}@media (max-width:620px){.mp-wrap{grid-template-columns:1fr;gap:16px}.mp-amp{padding:4px 0;font-size:3rem}.gallery{grid-template-columns:1fr 1fr}.gi:first-child{aspect-ratio:2/1.2;grid-column:span 2}#nav a{padding:5px 8px;font-size:9px}.cd-sep{display:none}.cd-row{gap:18px}.ac-grid{grid-template-columns:1fr}}@media (max-width:380px){#nav a{padding:4px 6px;font-size:8px}.cd-n{font-size:2.5rem}}