.site-header,.site-footer,.entry-header,.entry-content,
.sidebar,.comments-area,.page-header,.wp-block-group,
#masthead,#colophon,.site-content,.content-area,
.main-navigation,.post-navigation,.nav-links,
.generate-columns-container,.page-header-image {
display:none !important;
} ::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:#FFF8F0}
::-webkit-scrollbar-thumb{background:#C9918A;border-radius:4px} html{scroll-behavior:smooth}
body{font-family:'Cormorant Garamond',serif;background:#FFF8F0;color:#4A3728;overflow-x:hidden;-webkit-font-smoothing:antialiased} #opening{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#FFF8F0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.4,0,.2,1)}
#opening.hide{opacity:0;transform:scale(1.1);pointer-events:none}
#opening-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.55) blur(2px);transform:scale(1.1);animation:openingZoom 20s ease-in-out infinite alternate}
@keyframes openingZoom{0%{transform:scale(1.1)}100%{transform:scale(1.2)}}
#opening-content{position:relative;z-index:2;text-align:center;padding:2rem;max-width:480px}
.opening-ornament{width:120px;height:2px;background:linear-gradient(90deg,transparent,#C9A87C,transparent);margin:0 auto 1.5rem} .petal{position:fixed;z-index:10000;pointer-events:none;opacity:0}
.petal svg{width:100%;height:100%}
@keyframes petalFall{0%{opacity:0;transform:translateY(-10vh) rotate(0deg) translateX(0)}10%{opacity:.7}90%{opacity:.5}100%{opacity:0;transform:translateY(110vh) rotate(720deg) translateX(80px)}} .btn-open{display:inline-block;padding:16px 48px;border:1px solid rgba(201,168,124,.6);color:#C9A87C;font-family:'Playfair Display',serif;font-size:1rem;letter-spacing:3px;text-transform:uppercase;cursor:pointer;background:transparent;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);border-radius:0}
.btn-open::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,145,138,.15),rgba(201,168,124,.15));transform:translateX(-101%);transition:transform .5s cubic-bezier(.4,0,.2,1)}
.btn-open:hover{border-color:#C9A87C;color:#fff;box-shadow:0 0 30px rgba(201,168,124,.3)}
.btn-open:hover::before{transform:translateX(0)} #hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}
#hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;animation:heroZoom 25s ease-in-out infinite alternate}
@keyframes heroZoom{0%{transform:scale(1)}100%{transform:scale(1.08)}}
#hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(61,43,31,.3) 0%,rgba(61,43,31,.5) 50%,rgba(61,43,31,.7) 100%)}
.hero-grain{position:absolute;inset:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")} .reveal{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.4,0,.2,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity .9s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.4,0,.2,1)}
.reveal-left.visible{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(40px);transition:opacity .9s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.4,0,.2,1)}
.reveal-right.visible{opacity:1;transform:translateX(0)} .floral-divider{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem 0;opacity:.5}
.floral-divider::before,.floral-divider::after{content:'';width:80px;height:1px;background:linear-gradient(90deg,transparent,#C9A87C,transparent)}
.floral-divider iconify-icon{color:#C9A87C;font-size:1.2rem} .section-sub{font-family:'Cormorant Garamond',serif;font-size:1rem;letter-spacing:5px;text-transform:uppercase;color:#C9918A;margin-bottom:.5rem}
.section-title{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);color:#4A3728;font-weight:400;line-height:1.3;margin-bottom:1rem} .mempelai-card{background:rgba(255,255,255,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(201,168,124,.2);border-radius:20px;padding:2.5rem 2rem;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px rgba(74,55,40,.06)}
.mempelai-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(74,55,40,.12);border-color:rgba(201,168,124,.4)}
.mempelai-img{width:180px;height:220px;object-fit:cover;border-radius:16px;margin:0 auto 1.5rem;box-shadow:0 8px 30px rgba(74,55,40,.15);border:3px solid rgba(255,255,255,.8)}
.mempelai-img-placeholder{width:180px;height:220px;border-radius:16px;margin:0 auto 1.5rem;background:rgba(201,145,138,.1);display:flex;align-items:center;justify-content:center;font-size:64px} .timeline{position:relative;padding:2rem 0}
.timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,#C9A87C,transparent);transform:translateX(-50%)}
.timeline-item{display:flex;align-items:center;margin-bottom:3rem;position:relative}
.timeline-item:nth-child(odd){flex-direction:row-reverse}
.timeline-content{width:45%;padding:1.5rem;background:rgba(255,255,255,.6);backdrop-filter:blur(10px);border:1px solid rgba(201,168,124,.15);border-radius:16px;transition:all .4s}
.timeline-content:hover{box-shadow:0 8px 30px rgba(74,55,40,.08);border-color:rgba(201,168,124,.3)}
.timeline-dot{position:absolute;left:50%;transform:translateX(-50%);width:14px;height:14px;background:#C9918A;border:3px solid #FFF8F0;border-radius:50%;z-index:2;box-shadow:0 0 0 4px rgba(201,145,138,.2)}
@media(max-width:768px){
.timeline::before{left:20px}
.timeline-item,.timeline-item:nth-child(odd){flex-direction:row;text-align:left;padding-left:50px}
.timeline-content{width:100%}
.timeline-dot{left:20px}
} .save-card{background:rgba(255,255,255,.6);backdrop-filter:blur(16px);border:1px solid rgba(201,168,124,.2);border-radius:20px;padding:2.5rem;transition:all .5s;color:#4A3728}
.save-card:hover{box-shadow:0 16px 48px rgba(74,55,40,.1);transform:translateY(-4px)}
.save-card .save-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem}
.save-card .save-badge{font-family:'Cormorant Garamond',serif;font-size:.85rem;letter-spacing:4px;text-transform:uppercase;margin-bottom:.5rem}
.save-card .save-venue{font-family:'Playfair Display',serif;font-size:1.5rem;margin-bottom:1rem;color:#4A3728}
.save-card .save-detail{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;color:#8B7355}
.save-card .save-addr{font-family:'Cormorant Garamond',serif;font-size:1rem;color:#8B7355;text-align:center;margin:16px 0 24px;line-height:1.6} .save-card-dark{background:rgba(255,255,255,.08);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:2.5rem;transition:all .5s;color:#fff}
.save-card-dark:hover{box-shadow:0 16px 48px rgba(0,0,0,.2);transform:translateY(-4px)}
.save-card-dark .save-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem}
.save-card-dark .save-badge{font-family:'Cormorant Garamond',serif;font-size:.85rem;letter-spacing:4px;text-transform:uppercase;margin-bottom:.5rem}
.save-card-dark .save-venue{font-family:'Playfair Display',serif;font-size:1.5rem;margin-bottom:1rem;color:#fff}
.save-card-dark .save-detail{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;color:rgba(255,255,255,.8)}
.save-card-dark .save-addr{font-family:'Cormorant Garamond',serif;font-size:1rem;color:rgba(255,255,255,.5);text-align:center;margin:16px 0 24px;line-height:1.6}
.save-card-dark .btn-secondary{color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.3)}
.save-card-dark .btn-secondary:hover{color:#fff;border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.1)} .gallery-grid{columns:2;column-gap:1rem}
@media(min-width:768px){.gallery-grid{columns:3}}
.gallery-item{break-inside:avoid;margin-bottom:1rem;border-radius:12px;overflow:hidden;position:relative;cursor:pointer}
.gallery-item img{width:100%;display:block;transition:transform .7s cubic-bezier(.4,0,.2,1)}
.gallery-item:hover img{transform:scale(1.05)}
.gallery-item::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(61,43,31,.3));opacity:0;transition:opacity .4s}
.gallery-item:hover::after{opacity:1} #lightbox{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .4s}
#lightbox.show{display:flex;opacity:1}
#lightbox img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px;transform:scale(.9);transition:transform .5s cubic-bezier(.4,0,.2,1)}
#lightbox.show img{transform:scale(1)} .glass{background:rgba(255,255,255,.45);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:20px} .form-input{width:100%;padding:14px 18px;background:rgba(255,255,255,.6);border:1px solid rgba(201,168,124,.25);border-radius:12px;font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:#4A3728;transition:all .3s;outline:none}
.form-input:focus{border-color:#C9918A;box-shadow:0 0 0 3px rgba(201,145,138,.15);background:rgba(255,255,255,.8)}
.form-input::placeholder{color:#8B7355;opacity:.6}
textarea.form-input{resize:vertical;min-height:100px} .radio-custom{display:flex;align-items:center;gap:8px;font-size:13px;color:#8B7355;cursor:pointer;padding:8px 14px;border:1.5px solid rgba(201,168,124,.25);border-radius:12px;transition:all .2s}
.radio-custom input{display:none}
.radio-custom .rc-dot{width:16px;height:16px;border:2px solid rgba(201,168,124,.4);border-radius:50%;position:relative;flex-shrink:0;transition:all .2s}
.radio-custom:has(input:checked){border-color:#C9918A;background:rgba(201,145,138,.08);color:#4A3728}
.radio-custom:has(input:checked) .rc-dot{border-color:#C9918A}
.radio-custom:has(input:checked) .rc-dot::after{content:'';position:absolute;inset:3px;background:#C9918A;border-radius:50%} .btn-primary{display:inline-block;padding:14px 40px;background:linear-gradient(135deg,#C9918A,#B76E79);color:#fff;font-family:'Playfair Display',serif;font-size:.9rem;letter-spacing:2px;text-transform:uppercase;border:none;border-radius:12px;cursor:pointer;transition:all .4s;box-shadow:0 4px 20px rgba(201,145,138,.3)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(201,145,138,.4)}
.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}
.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:transparent;border:1px solid rgba(201,168,124,.4);color:#8B7355;font-family:'Playfair Display',serif;font-size:.85rem;letter-spacing:1px;text-transform:uppercase;border-radius:10px;cursor:pointer;transition:all .4s;text-decoration:none}
.btn-secondary:hover{border-color:#C9A87C;color:#C9A87C;background:rgba(201,168,124,.05)} .ucapan-item{padding:1.5rem;background:rgba(255,255,255,.5);backdrop-filter:blur(10px);border:1px solid rgba(201,168,124,.12);border-radius:16px;transition:all .4s}
.ucapan-item:hover{border-color:rgba(201,168,124,.25);box-shadow:0 4px 20px rgba(74,55,40,.06)}
.ucapan-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Playfair Display',serif;font-size:.85rem;flex-shrink:0}
.ucapan-kehadiran{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap}
.ucapan-kehadiran.hadir{background:rgba(107,127,99,.1);color:#5a7a50}
.ucapan-kehadiran.tidak-hadir{background:rgba(220,80,80,.1);color:#c0392b}
.ucapan-kehadiran.masih-ragu{background:rgba(201,168,124,.15);color:#8B7355} .wishes-wall{background:rgba(255,255,255,.6);backdrop-filter:blur(20px);border-radius:24px;padding:24px;box-shadow:0 4px 24px rgba(0,0,0,.06);max-height:520px;display:flex;flex-direction:column}
.wishes-list{flex:1;overflow-y:auto;padding-right:4px}
.wishes-list::-webkit-scrollbar{width:4px}
.wishes-list::-webkit-scrollbar-thumb{background:rgba(201,168,124,.3);border-radius:4px}
.wishes-loading{text-align:center;padding:40px;font-size:13px;color:#8B7355}
.wish-item{padding:14px 0;border-bottom:1px solid rgba(201,168,124,.08);animation:fiw .4s ease}
.wish-item:last-child{border-bottom:none}
@keyframes fiw{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.wishes-pag{display:flex;justify-content:center;gap:6px;padding-top:16px;border-top:1px solid rgba(201,168,124,.1);margin-top:auto}
.pg-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:12px;font-weight:600;color:#8B7355;transition:all .2s;border:1px solid rgba(201,168,124,.15);background:transparent;cursor:pointer;font-family:'Playfair Display',serif}
.pg-btn:hover,.pg-btn.act{background:linear-gradient(135deg,#C9918A,#B76E79);color:#fff;border-color:transparent} .rekening-card{background:rgba(255,255,255,.6);backdrop-filter:blur(16px);border:1px solid rgba(201,168,124,.2);border-radius:16px;padding:1.5rem;text-align:center;transition:all .4s;cursor:pointer}
.rekening-card:hover{box-shadow:0 8px 30px rgba(74,55,40,.08);transform:translateY(-2px)} #music-btn{position:fixed;bottom:24px;right:24px;z-index:9997;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.7);backdrop-filter:blur(12px);border:1px solid rgba(201,168,124,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px rgba(74,55,40,.1)}
#music-btn:hover{transform:scale(1.1);box-shadow:0 6px 24px rgba(74,55,40,.15)}
.music-bars{display:flex;align-items:flex-end;gap:2px;height:16px}
.music-bars span{width:3px;background:#C9918A;border-radius:2px;transition:height .3s}
.music-bars.playing span:nth-child(1){animation:bar 1s ease-in-out infinite;height:6px}
.music-bars.playing span:nth-child(2){animation:bar 1s ease-in-out .2s infinite;height:12px}
.music-bars.playing span:nth-child(3){animation:bar 1s ease-in-out .4s infinite;height:8px}
.music-bars.playing span:nth-child(4){animation:bar 1s ease-in-out .1s infinite;height:14px}
@keyframes bar{0%,100%{height:4px}50%{height:16px}} #gu-float-nav{
position:fixed;
right:24px;
bottom:84px;
z-index:9996;
display:flex;
flex-direction:column;
gap:10px;
}
#gu-float-nav button{
width:42px;
height:42px;
border-radius:50%;
background:rgba(255,255,255,.7);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
border:1px solid rgba(201,168,124,.3);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
transition:all .3s;
box-shadow:0 4px 20px rgba(74,55,40,.1);
color:#C9918A;
padding:0;
}
#gu-float-nav button:hover{
transform:scale(1.1);
box-shadow:0 6px 24px rgba(74,55,40,.15);
background:rgba(255,255,255,.9);
}
#gu-float-nav button iconify-icon{
font-size:20px;
} .toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(61,43,31,.9);backdrop-filter:blur(10px);color:#fff;padding:14px 28px;border-radius:12px;font-family:'Cormorant Garamond',serif;font-size:1rem;z-index:99999;opacity:0;transition:all .4s;pointer-events:none;white-space:nowrap}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)} .countdown-box{padding:1rem;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:12px;min-width:70px;text-align:center}
.countdown-num{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,4vw,2.2rem);color:#fff;font-weight:600;line-height:1}
.countdown-label{font-size:.75rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.6);margin-top:4px} .video-wrapper{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 16px 60px rgba(74,55,40,.15);cursor:pointer;aspect-ratio:16/9}
.video-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.video-wrapper:hover img{transform:scale(1.03)}
.video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2);transition:background .3s}
.video-wrapper:hover .video-play{background:rgba(0,0,0,.35)}
.play-circle{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.2);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;transition:all .3s}
.video-wrapper:hover .play-circle{transform:scale(1.1);background:rgba(255,255,255,.3)} #guWaFloat{position:fixed;bottom:24px;left:24px;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.4);z-index:900;transition:all .3s;animation:guWaFloat 3s ease-in-out infinite;text-decoration:none;opacity:0;visibility:hidden}
#guWaFloat.vis{opacity:1;visibility:visible}
#guWaFloat:hover{transform:scale(1.1)}
@keyframes guWaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}} .qr-placeholder{width:160px;height:160px;background:repeating-conic-gradient(#e8ddd4 0% 25%,#f5e6d3 0% 50%) 50%/20px 20px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(201,168,124,.2)} body.no-scroll{overflow:hidden}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.float-anim{animation:float 6s ease-in-out infinite}
@keyframes pulseRing{0%{box-shadow:0 0 0 0 rgba(201,145,138,.4)}70%{box-shadow:0 0 0 12px rgba(201,145,138,0)}100%{box-shadow:0 0 0 0 rgba(201,145,138,0)}} #form-msg{display:none;padding:12px 16px;border-radius:12px;font-size:13px;font-weight:500;margin-top:12px}
#form-msg.ok{background:rgba(107,127,99,.1);color:#5a7a50;border:1px solid rgba(107,127,99,.2)}
#form-msg.err{background:rgba(220,80,80,.1);color:#c0392b;border:1px solid rgba(220,80,80,.2)} @media(max-width:768px){
.mempelai-card{padding:2rem 1.5rem}
.mempelai-img,.mempelai-img-placeholder{width:150px;height:180px}
.save-card,.save-card-dark{padding:2rem 1.5rem}
.rsvp-grid-2col{grid-template-columns:1fr !important}
#music-btn{bottom:16px;right:16px;width:42px;height:42px}
#gu-float-nav{bottom:68px;right:16px}
#gu-float-nav button{width:38px;height:38px}
#gu-float-nav button iconify-icon{font-size:18px}
#guWaFloat{bottom:16px;left:16px;width:48px;height:48px}
}