.petals{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:2}.petal{position:absolute;top:-8%;animation:petal-fall var(--dur) linear var(--delay) infinite;will-change:transform}.petal svg{animation:petal-spin calc(var(--dur) * .6) ease-in-out infinite}@keyframes petal-fall{0%{transform:translateY(-10vh) rotate(0)}50%{transform:translate(var(--sway),45vh) rotate(180deg)}to{transform:translate(calc(var(--sway) * -.6),110vh) rotate(360deg)}}@keyframes petal-spin{0%,to{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}50%{transform:rotateY(180deg)}}@media (prefers-reduced-motion: reduce){.petal{animation-duration:24s}.petal svg{animation:none}}.cover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;max-width:480px;margin:0 auto;display:flex;align-items:center;justify-content:center;color:var(--cream);background:radial-gradient(120% 70% at 50% -10%,rgba(26,99,73,.55),transparent 60%),linear-gradient(160deg,var(--emerald-900) 0%,var(--emerald-950) 55%,var(--maroon-900) 130%);overflow:hidden}.cover__pattern{position:absolute;top:0;right:0;bottom:0;left:0}.cover__pattern.songket-bg:before{opacity:.14}.cover__corner{position:absolute;width:100px;height:100px;opacity:.75;z-index:3}.cover__corner--tl{top:18px;left:18px}.cover__corner--br{bottom:18px;right:18px;transform:rotate(180deg)}.cover__inner{position:relative;z-index:4;text-align:center;padding:40px 30px;width:100%;display:flex;flex-direction:column;align-items:center}.cover__bismillah{font-size:1.5rem;color:var(--gold-300);margin-bottom:26px;text-shadow:0 2px 12px rgba(0,0,0,.4)}.cover__arch{position:relative;width:300px;max-width:84vw;padding:46px 20px 24px}.cover__arch-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.85}.cover__arch-content{position:relative}.cover__label{font-family:var(--font-body);font-size:.72rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gold-400);display:block;margin-bottom:4px}.cover__names{font-family:var(--font-script);font-size:3.6rem;line-height:1.05;font-weight:400;color:var(--cream);text-shadow:0 4px 24px rgba(0,0,0,.45)}.cover__amp{display:block;font-size:1.5rem;color:var(--gold-400);margin:-4px 0}.cover__date{font-family:var(--font-title);letter-spacing:.34em;font-size:1rem;color:var(--gold-300);margin:8px 0 30px;padding-left:.34em}.cover__guest{margin-bottom:32px}.cover__salam{font-family:var(--font-serif);font-style:italic;font-size:.95rem;color:#f7f1e3d9;margin-bottom:14px}.cover__to{font-size:.78rem;color:#f7f1e3b3}.cover__guest-name{font-family:var(--font-title);font-size:1.5rem;color:var(--cream);margin:4px 0 2px}.cover__at{font-size:.75rem;color:#f7f1e399;font-style:italic}.cover__btn{box-shadow:0 12px 30px -10px #c9a24bcc;animation:cover-pulse 2.6s ease-in-out infinite}.cover__btn-icon{font-size:.9rem}@keyframes cover-pulse{0%,to{box-shadow:0 12px 30px -10px #c9a24b99}50%{box-shadow:0 12px 40px -6px #c9a24b}}@media (max-width: 360px){.cover__names{font-size:3rem}}.music-btn{position:fixed;bottom:84px;right:calc(50% - 222px);z-index:60;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:var(--emerald-950);background:linear-gradient(135deg,var(--gold-400),var(--gold-600));box-shadow:0 10px 24px -8px #c9a24be6;transition:transform .25s var(--ease-out)}.music-btn:active{transform:scale(.9)}.music-btn__disc{display:grid;place-items:center;line-height:0}.music-btn.is-playing .music-btn__disc{animation:disc-spin 4s linear infinite}.music-btn__muted{position:absolute;width:30px;height:2px;background:var(--maroon-800);transform:rotate(-45deg);border-radius:2px}@keyframes disc-spin{to{transform:rotate(360deg)}}.music-embed{position:fixed;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}@media (max-width: 520px){.music-btn{right:18px}}.bottom-nav{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:55;display:flex;gap:2px;padding:6px;border-radius:999px;background:#0b3d2ee6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(201,162,75,.4);box-shadow:0 14px 40px -12px #062a1fe6;max-width:calc(100% - 32px)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border-radius:999px;color:#f7f1e39e;transition:color .25s ease,background .25s ease}.bottom-nav__item span{font-size:.6rem;letter-spacing:.02em}.bottom-nav__item.is-active{color:var(--emerald-950);background:linear-gradient(135deg,var(--gold-300),var(--gold-500))}@media (max-width: 380px){.bottom-nav__item{padding:8px 9px}.bottom-nav__item span{font-size:.55rem}}.main{opacity:0}.main--visible{opacity:1;transition:opacity .8s ease .3s}.closing{padding-bottom:120px}.hero{min-height:92vh;display:flex;align-items:center;justify-content:center;text-align:center}.hero__content{position:relative;z-index:4;max-width:360px}.hero__bismillah{font-size:1.4rem;color:var(--gold-300);margin-bottom:6px}.hero__verse{font-family:var(--font-serif);font-size:1.18rem;font-style:italic;line-height:1.8;color:#f7f1e3eb;margin-top:10px}.hero__source{margin-top:16px;font-family:var(--font-title);letter-spacing:.12em;font-size:.82rem;color:var(--gold-400)}.person{display:flex;gap:18px;align-items:center;margin-bottom:8px}.person--reverse{flex-direction:row-reverse;text-align:right}.person__photo{position:relative;flex:0 0 128px;width:128px;height:160px;border-radius:80px 80px 6px 6px;overflow:hidden;padding:5px}.person__photo img,.person__photo .dummy-photo{width:100%;height:100%;object-fit:cover;border-radius:76px 76px 3px 3px}.person__photo:after{border-radius:80px 80px 6px 6px}.person__monogram{position:absolute;bottom:6px;right:6px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--gold-300),var(--gold-500));color:var(--emerald-950);font-family:var(--font-display);font-size:.95rem;box-shadow:0 6px 14px -6px #00000080}.person--reverse .person__monogram{right:auto;left:6px}.person__info{flex:1}.person__name{font-family:var(--font-title);font-size:1.35rem;color:var(--emerald-900);line-height:1.2}.person__order{font-size:.74rem;color:var(--muted);margin-top:6px}.person__parent{font-size:.82rem;color:var(--ink);line-height:1.45}.person__ig{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:.76rem;color:var(--maroon-800);border:1px solid rgba(110,20,35,.3);padding:4px 10px;border-radius:999px}.person--reverse .person__ig{flex-direction:row-reverse}.couple__amp{text-align:center;margin:4px 0}.couple__amp-mark{font-family:var(--font-script);font-size:3rem;color:var(--gold-500);line-height:1}.story__card{max-width:360px;margin:0 auto;padding:34px 26px;text-align:center}.story__text{font-family:var(--font-serif);font-style:italic;font-size:1.05rem;line-height:1.8;color:#f7f1e3e6;margin:14px 0 4px}.countdown{text-align:center}.count__grid{display:flex;justify-content:center;gap:12px}.count__unit{display:flex;flex-direction:column;align-items:center;gap:8px}.count__box{width:66px;height:74px;display:grid;place-items:center;border-radius:12px;background:#f7f1e30d}.count__num{font-family:var(--font-display);font-size:1.9rem;color:var(--gold-300);font-variant-numeric:tabular-nums}.count__label{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#f7f1e3a6}.count__done{margin-top:22px;font-family:var(--font-serif);font-style:italic;font-size:1.05rem}.events__grid{display:flex;flex-direction:column;gap:22px}.event-card__frame{position:relative;padding:34px 24px;text-align:center;background:linear-gradient(180deg,#fff,var(--cream));border-radius:10px}.event-card__corner{position:absolute;width:54px;height:54px;color:var(--gold-500);opacity:.7}.event-card__corner--tl{top:10px;left:10px}.event-card__corner--br{bottom:10px;right:10px;transform:rotate(180deg)}.event-card__title{font-family:var(--font-title);font-size:1.5rem;color:var(--maroon-800)}.event-card__date{font-family:var(--font-serif);font-size:1.05rem;color:var(--emerald-900);margin-top:4px}.event-card__time{font-size:.82rem;color:var(--muted);margin-top:2px}.event-card__place{margin:16px 0}.event-card__venue{font-family:var(--font-title);font-size:1.05rem;color:var(--emerald-900)}.event-card__addr{font-size:.78rem;color:var(--muted);max-width:30ch;margin:4px auto 0}.event-card__map{margin-top:6px}.gallery__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:96px;gap:8px}.gallery__item{border-radius:10px;overflow:hidden}.gallery__item--1{grid-row:span 2}.gallery__item--2{grid-column:span 2}.gallery__btn{position:relative;width:100%;height:100%;display:block;overflow:hidden}.gallery__btn img,.gallery__btn .dummy-photo{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}.gallery__btn:hover img{transform:scale(1.08)}.gallery__zoom{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:1.3rem;background:#062a1f59;opacity:0;transition:opacity .3s ease}.gallery__btn:hover .gallery__zoom{opacity:1}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:24px;background:#062a1fe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lightbox__inner{max-width:90%;max-height:80vh;padding:6px;border-radius:10px;overflow:hidden}.lightbox__inner img,.lightbox__inner .dummy-photo{max-height:74vh;width:auto;border-radius:6px}.lightbox__close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;color:var(--emerald-950);background:var(--gold-400);font-size:1.1rem}.gift__cards{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.gift-card{padding:20px 22px;color:var(--cream);position:relative;overflow:hidden}.gift-card:after{content:"";position:absolute;top:-30px;right:-30px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,75,.3),transparent 70%)}.gift-card__bank{font-family:var(--font-title);font-size:1.1rem;color:var(--gold-300)}.gift-card__number{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.08em;margin:8px 0 2px}.gift-card__name{font-size:.8rem;color:#f7f1e3bf}.gift-card__copy{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:8px 16px;border-radius:999px;font-size:.74rem;color:var(--emerald-950);background:linear-gradient(135deg,var(--gold-300),var(--gold-500))}.closing{text-align:center}.closing__corner{position:absolute;width:80px;height:80px;color:var(--gold-500);opacity:.6;z-index:3}.closing__corner--tl{top:16px;left:16px}.closing__corner--br{bottom:90px;right:16px;transform:rotate(180deg)}.closing__inner{position:relative;z-index:4;max-width:360px;margin:0 auto}.closing__thanks{font-size:.9rem;line-height:1.75;color:#f7f1e3d9}.closing__salam{font-size:1.35rem;color:var(--gold-300);margin:4px 0}.closing__salam-latin{font-family:var(--font-serif);font-style:italic;font-size:.9rem;color:#f7f1e3bf}.closing__wa{margin-top:26px;font-size:.85rem;color:#f7f1e3b3}.closing__names{font-family:var(--font-script);font-size:3rem;color:var(--cream);line-height:1.1;margin:4px 0}.closing__families{font-size:.82rem;color:var(--gold-400)}.footer{position:relative;z-index:4;margin-top:44px;text-align:center;font-size:.72rem;color:#f7f1e380}.footer__credit{margin-top:4px;color:#f7f1e366}.footer__music{margin-top:10px;font-size:.66rem;color:#f7f1e36b;max-width:32ch;margin-left:auto;margin-right:auto}.footer__music a{text-decoration:underline;text-underline-offset:2px}:root{--emerald-950: #062a1f;--emerald-900: #0b3d2e;--emerald-800: #12513c;--emerald-700: #1a6349;--maroon-900: #4a0f18;--maroon-800: #6e1423;--maroon-700: #8a1f2e;--gold-600: #a67c2e;--gold-500: #c9a24b;--gold-400: #dcb968;--gold-300: #ecd79b;--cream: #f7f1e3;--ivory: #fbf8f0;--ink: #201d16;--muted: #6b6455;--font-display: "Playfair Display", serif;--font-serif: "Cormorant Garamond", serif;--font-title: "Marcellus", serif;--font-script: "Great Vibes", cursive;--font-body: "Poppins", sans-serif;--font-arabic: "Amiri", serif;--shadow-soft: 0 20px 60px -25px rgba(6, 42, 31, .55);--shadow-card: 0 24px 70px -30px rgba(6, 42, 31, .7);--ease-out: cubic-bezier(.16, 1, .3, 1);--songket-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46'%3E%3Cg fill='none' stroke='%23c9a24b' stroke-width='1'%3E%3Cpath d='M23 3 L30 12 L23 21 L16 12 Z'/%3E%3Cpath d='M23 25 L30 34 L23 43 L16 34 Z'/%3E%3Ccircle cx='23' cy='23' r='2'/%3E%3Cpath d='M0 23 L6 23 M40 23 L46 23'/%3E%3C/g%3E%3C/svg%3E")}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--emerald-950);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.no-scroll{overflow:hidden;height:100vh}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}::selection{background:var(--gold-500);color:var(--emerald-950)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--emerald-950)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold-600),var(--gold-400));border-radius:20px}.invitation{max-width:480px;margin:0 auto;position:relative;background:var(--ivory);min-height:100vh;box-shadow:0 0 120px #00000080;overflow:hidden}.section{position:relative;padding:84px 26px;overflow:hidden}.section--dark{background:radial-gradient(120% 60% at 50% 0%,rgba(26,99,73,.35),transparent 60%),linear-gradient(180deg,var(--emerald-900),var(--emerald-950));color:var(--cream)}.section--cream{background:var(--ivory);color:var(--ink)}.section--pattern{background-color:var(--emerald-950);background-image:radial-gradient(120% 80% at 50% -10%,rgba(26,99,73,.4),transparent 55%),linear-gradient(180deg,var(--emerald-900),var(--emerald-950));color:var(--cream)}.songket-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--songket-pattern);background-size:46px 46px;opacity:.1;pointer-events:none}.eyebrow{font-family:var(--font-script);font-size:1.9rem;line-height:1;color:var(--gold-500);margin-bottom:6px}.section--dark .eyebrow,.section--pattern .eyebrow{color:var(--gold-400)}.heading{font-family:var(--font-title);font-size:1.7rem;letter-spacing:.02em;font-weight:400}.subtext{font-size:.9rem;color:var(--muted);max-width:34ch;margin:14px auto 0}.section--dark .subtext,.section--pattern .subtext{color:#f7f1e3b8}.arabic{font-family:var(--font-arabic);direction:rtl;line-height:2}.center{text-align:center}.divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px auto 6px;color:var(--gold-500)}.divider svg{width:120px;height:auto}.divider--sm svg{width:80px}.section-head{text-align:center;margin-bottom:40px}.gold-frame{border:1px solid rgba(201,162,75,.5);border-radius:4px;position:relative}.gold-frame:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(201,162,75,.28);border-radius:2px;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 26px;border-radius:999px;font-family:var(--font-body);font-size:.82rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),background .3s ease}.btn:active{transform:scale(.96)}.btn--gold{background:linear-gradient(135deg,var(--gold-400),var(--gold-600));color:var(--emerald-950);box-shadow:0 12px 28px -12px #c9a24bcc}.btn--gold:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px #c9a24bf2}.btn--outline{border:1px solid var(--gold-500);color:var(--gold-500);background:transparent}.btn--outline:hover{background:#c9a24b1f}.btn--ghost{background:#ffffffd9;color:var(--emerald-900);border:1px solid rgba(201,162,75,.4)}.card{background:var(--ivory);border-radius:16px;box-shadow:var(--shadow-card);overflow:hidden;position:relative}.glass-card{background:#f7f1e30f;border:1px solid rgba(201,162,75,.35);border-radius:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stack-sm>*+*{margin-top:8px}.mt-lg{margin-top:34px}.text-gold{color:var(--gold-500)}@media (min-width: 500px){.heading{font-size:1.85rem}}