:root{--paper: #f2ebda;--paper-2: #eadfc6;--paper-3: #e4d7b9;--line: #d8c8a0;--deep: #14382f;--deep-2: #0e2a23;--deep-3: #1d4b3f;--gold: #b3862f;--gold-lt: #e2c079;--gold-deep: #8a6522;--blush: #c2704a;--ink: #262117;--body: #45402f;--muted: #837a60;--ivory: #f6f0e2;--font-display: "Fraunces", Georgia, serif;--font-body: "Manrope", system-ui, sans-serif;--font-arabic: "Amiri", serif;--shadow: 0 22px 50px -34px rgba(20, 56, 47, .55);--shadow-deep: 0 40px 80px -34px rgba(6, 20, 16, .7);--radius: 16px;--maxw: 640px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--body);background-color:var(--paper);background-image:radial-gradient(120% 60% at 50% -10%,rgba(226,192,121,.28),transparent 60%),radial-gradient(90% 50% at 100% 100%,rgba(29,75,63,.08),transparent 55%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}.app{position:relative;min-height:100vh}.cover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1.5rem;overflow:hidden;color:var(--ivory);background:radial-gradient(140% 90% at 50% -5%,#1f5347,#163d33 42%,#0e2a23);transition:transform 1.05s cubic-bezier(.76,0,.24,1),opacity .8s ease .2s,visibility 1.05s}.cover--open{transform:translateY(-101%);opacity:0;visibility:hidden;pointer-events:none}.cover__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(60% 40% at 20% 12%,rgba(226,192,121,.16),transparent 55%),radial-gradient(50% 40% at 84% 86%,rgba(29,75,63,.5),transparent 60%)}.cover__glow{position:absolute;top:-30%;left:50%;width:130vw;max-width:900px;aspect-ratio:1;transform:translate(-50%);background:radial-gradient(circle,rgba(226,192,121,.32),rgba(226,192,121,.08) 40%,transparent 62%);animation:breathe 7s ease-in-out infinite}.cover__frame{position:relative;z-index:2;text-align:center;max-width:460px;width:100%;padding:3.2rem 1.8rem;border:1px solid rgba(226,192,121,.42);outline:1px solid rgba(226,192,121,.16);outline-offset:6px;border-radius:4px;animation:coverIn 1.1s cubic-bezier(.22,1,.36,1) both}.cover__crest{color:var(--gold-lt);margin-bottom:1.4rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}.cover__eyebrow{font-size:.7rem;letter-spacing:.42em;text-transform:uppercase;color:var(--gold-lt);margin-bottom:2rem;padding-left:.42em}.cover__label{font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:#f6f0e29e;margin-bottom:.5rem}.cover__parents{font-family:var(--font-display);font-size:1.02rem;font-weight:500;letter-spacing:.02em;color:#f6f0e2f0;line-height:1.7}.cover__amp{color:var(--gold-lt);margin:0 .5em;font-style:italic}.cover__name{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(2.9rem,13vw,4.6rem);line-height:1.02;letter-spacing:-.01em;color:var(--ivory);text-shadow:0 8px 34px rgba(0,0,0,.3)}.cover__date{font-family:var(--font-display);font-size:1.08rem;letter-spacing:.05em;color:var(--gold-lt);margin:1rem 0 0}.cover__guest{margin:1.7rem auto 0;max-width:300px;padding:.85rem 1.3rem;border-top:1px solid rgba(226,192,121,.28);border-bottom:1px solid rgba(226,192,121,.28)}.cover__guest-label{display:block;font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:#f6f0e299;margin-bottom:.3rem}.cover__guest-name{font-family:var(--font-display);font-size:1.2rem;font-weight:500;color:var(--ivory)}.cover__btn{display:inline-flex;align-items:center;gap:.6rem;margin-top:2.2rem;font-family:var(--font-body);font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--deep-2);background:linear-gradient(180deg,#f4e6c4,var(--gold-lt));border:none;border-radius:999px;padding:.9rem 2rem;cursor:pointer;box-shadow:0 16px 34px -14px #0009;transition:transform .3s ease,box-shadow .3s ease}.cover__btn:hover{transform:translateY(-3px);box-shadow:0 22px 40px -16px #000000a6}.cover__btn-star{display:inline-flex;color:var(--gold-deep);animation:spinSlow 9s linear infinite}.content{position:relative;width:100%;overflow:hidden}.section{position:relative;z-index:2;padding:4.8rem 0;text-align:center;opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s cubic-bezier(.22,1,.36,1)}.section.is-visible{opacity:1;transform:translateY(0)}.section__inner{max-width:var(--maxw);margin:0 auto;padding:0 1.5rem}.section--deep{color:var(--ivory);background:radial-gradient(80% 60% at 50% 0%,rgba(29,75,63,.85),transparent 60%),linear-gradient(180deg,var(--deep) 0%,var(--deep-2) 100%);box-shadow:inset 0 1px #e2c0792e,inset 0 -1px #e2c0792e}.section--intro{padding-top:6rem}.section--intro:before{content:"";position:absolute;top:0;left:50%;width:480px;max-width:90%;height:220px;transform:translate(-50%);background:radial-gradient(ellipse at top,rgba(226,192,121,.4),transparent 68%);pointer-events:none}.eyebrow{display:flex;align-items:center;justify-content:center;gap:.85rem;font-size:.68rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:1rem;padding-left:.32em}.section--deep .eyebrow{color:var(--gold-lt)}.eyebrow__rule{width:26px;height:1px;background:currentColor;opacity:.55}.heading{font-family:var(--font-display);font-weight:600;font-size:clamp(1.9rem,7.5vw,2.7rem);letter-spacing:-.01em;color:var(--deep);line-height:1.12}.section--deep .heading{color:var(--ivory)}.heading:after{content:"";display:block;width:46px;height:1px;margin:1rem auto 1.8rem;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.6rem auto;max-width:240px;color:var(--gold)}.divider__rule{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.7}.divider__star{flex:none}.divider--light{color:var(--gold-lt)}.divider--light .divider__rule{background:linear-gradient(90deg,transparent,var(--gold-lt),transparent)}.motes{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;color:var(--gold)}.mote{position:absolute;animation:floaty 12s ease-in-out infinite}.bismillah{font-family:var(--font-arabic);font-size:clamp(1.7rem,8vw,2.5rem);color:var(--deep);line-height:1.9}.intro__text{max-width:440px;margin:0 auto;color:var(--muted);font-size:1rem;line-height:1.95}.baby__card{position:relative;margin:.4rem auto 2rem;padding:3rem 1.6rem 2.4rem;border:1px solid var(--line);border-radius:6px;background:linear-gradient(180deg,#fffdf6b3,#eadfc666);box-shadow:var(--shadow)}.baby__corner{position:absolute;color:var(--gold);background:var(--paper);padding:3px}.baby__corner--tl{top:-9px;left:-9px}.baby__corner--tr{top:-9px;right:-9px}.baby__corner--bl{bottom:-9px;left:-9px}.baby__corner--br{bottom:-9px;right:-9px}.baby__crest{position:absolute;top:-16px;left:50%;transform:translate(-50%);color:var(--gold);background:var(--paper);padding:0 8px;line-height:0}.baby__name{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(2.6rem,11vw,4rem);line-height:1.04;letter-spacing:-.01em;color:var(--deep);margin-bottom:1rem}.baby__meaning{max-width:400px;margin:0 auto;font-family:var(--font-display);font-style:italic;font-size:1.12rem;line-height:1.7;color:var(--muted)}.baby__parents-label{font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:.6rem}.baby__parents{font-family:var(--font-display);font-size:1.3rem;font-weight:500;color:var(--ink);line-height:1.5}.baby__amp{color:var(--gold);font-style:italic;margin:0 .55em}.quote__mark{display:block;font-family:var(--font-display);font-size:3rem;line-height:.5;color:var(--gold-lt);opacity:.6;margin-bottom:1.4rem}.quote__arabic{font-family:var(--font-arabic);font-size:clamp(1.45rem,6vw,1.9rem);line-height:2.2;margin-bottom:1.5rem}.quote__translation{font-family:var(--font-display);font-style:italic;font-size:1.18rem;line-height:1.8;color:#f6f0e2eb;max-width:440px;margin:0 auto 1.1rem}.quote__source{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-lt)}.event__cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.event__card,.event__venue{background:linear-gradient(180deg,#fffdf6bf,#eadfc659);border:1px solid var(--line);border-radius:var(--radius);padding:1.7rem 1.1rem;box-shadow:var(--shadow)}.event__icon{width:50px;height:50px;margin:0 auto .9rem;display:grid;place-items:center;border-radius:50%;color:var(--deep);background:var(--paper);border:1px solid var(--line)}.event__icon--pin{color:var(--gold-deep)}.event__card-label{font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:.4rem}.event__card-value{font-family:var(--font-display);font-size:1.12rem;font-weight:600;color:var(--ink);line-height:1.4}.event__venue-name{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--deep);margin:.2rem 0 .3rem}.event__venue-address{color:var(--muted);font-size:.96rem;line-height:1.75;margin-bottom:1.4rem}.event__maps-btn{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;letter-spacing:.06em;text-decoration:none;color:var(--ivory);background:linear-gradient(135deg,var(--deep-3),var(--deep));padding:.8rem 1.7rem;border-radius:999px;box-shadow:0 14px 28px -16px var(--deep);transition:transform .25s ease,box-shadow .25s ease}.event__maps-btn:before{content:"↗";font-size:.95rem;color:var(--gold-lt)}.event__maps-btn:hover{transform:translateY(-2px);box-shadow:0 18px 32px -14px var(--deep)}.countdown{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap;margin-top:.6rem}.countdown__unit{min-width:76px;padding:1.2rem .7rem;border:1px solid rgba(226,192,121,.3);border-radius:12px;background:#ffffff0a}.countdown__value{display:block;font-family:var(--font-display);font-size:2.1rem;font-weight:600;color:var(--gold-lt);line-height:1}.countdown__label{display:block;margin-top:.45rem;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:#f6f0e2b8}.countdown__done{font-family:var(--font-display);font-style:italic;font-size:1.4rem;color:var(--gold-lt)}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.gallery__item{border:none;padding:0;cursor:pointer;border-radius:var(--radius);overflow:hidden;aspect-ratio:3 / 4;box-shadow:var(--shadow);background:var(--paper-2);position:relative}.gallery__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(226,192,121,.5);border-radius:var(--radius);pointer-events:none}.gallery__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.gallery__item:hover img{transform:scale(1.06)}.gallery--empty{grid-template-columns:repeat(2,1fr)}.gallery__ph{aspect-ratio:3 / 4;border-radius:var(--radius);display:grid;place-items:center;color:var(--gold-deep);background:linear-gradient(150deg,var(--paper),var(--paper-2));border:1px dashed var(--line);opacity:.75}.gallery__hint{grid-column:1 / -1;margin-top:.4rem;font-size:.82rem;color:var(--muted);line-height:1.7}.gallery__hint code,.rsvp__note code{font-family:ui-monospace,monospace;font-size:.78em;background:var(--paper-2);padding:.1em .35em;border-radius:5px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0e2a23f0;display:grid;place-items:center;padding:1.5rem;animation:fadeIn .25s ease}.lightbox__img{max-width:100%;max-height:88vh;border-radius:10px;box-shadow:0 30px 60px -20px #000000b3}.lightbox__close{position:absolute;top:1rem;right:1.1rem;width:42px;height:42px;border-radius:50%;border:1px solid rgba(226,192,121,.4);background:#f6f0e21f;color:var(--ivory);font-size:1.05rem;cursor:pointer}.gift__trigger{margin-top:1.7rem;display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--deep-2);background:linear-gradient(180deg,#f0dfb4,var(--gold-lt));border:none;border-radius:999px;padding:.9rem 1.9rem;cursor:pointer;box-shadow:0 16px 32px -14px #8a652299;transition:transform .25s ease,box-shadow .25s ease}.gift__trigger:hover{transform:translateY(-2px);box-shadow:0 20px 38px -14px #8a6522b3}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;background:#0e2a23d1;display:flex;justify-content:center;align-items:flex-start;padding:1.5rem 1.2rem;animation:fadeIn .25s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal__panel{position:relative;width:100%;max-width:420px;margin:auto;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:2.6rem 1.6rem 1.9rem;box-shadow:var(--shadow-deep);animation:popIn .35s cubic-bezier(.22,1,.36,1);text-align:center}.modal__close{position:absolute;top:.9rem;right:.9rem;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--paper-2);color:var(--muted);cursor:pointer;font-size:.9rem}.modal__title{font-family:var(--font-display);font-style:italic;font-size:1.8rem;font-weight:500;color:var(--deep)}.modal__intro{font-size:.9rem;color:var(--muted);line-height:1.7;margin:.5rem auto 1.5rem;max-width:320px}.gift__accounts{display:grid;gap:.9rem}.gift__card{text-align:left;border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem;background:linear-gradient(160deg,var(--paper-2),var(--paper))}.gift__card-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.gift__type{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ivory);background:var(--deep-3);padding:.22em .7em;border-radius:999px}.gift__label{font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--deep)}.gift__number-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.gift__number{font-family:ui-monospace,monospace;font-size:1.12rem;letter-spacing:.05em;color:var(--ink)}.gift__copy{flex:none;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--deep);background:var(--paper-3);border:none;border-radius:8px;padding:.5rem .85rem;cursor:pointer;transition:background .2s ease,color .2s ease}.gift__copy.is-copied{background:var(--deep-3);color:var(--ivory)}.gift__holder{display:block;margin-top:.45rem;font-size:.8rem;color:var(--muted)}.gift__shipping{margin-top:1.3rem;padding-top:1.3rem;border-top:1px dashed var(--line);text-align:left}.gift__shipping-label{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:.4rem}.gift__shipping-name{font-family:var(--font-display);font-weight:600;color:var(--deep)}.gift__shipping-address{font-size:.88rem;color:var(--muted);line-height:1.65;margin-bottom:.8rem}.rsvp{text-align:left}.rsvp__form{background:linear-gradient(180deg,#fffdf6cc,#eadfc666);border:1px solid var(--line);border-radius:var(--radius);padding:1.7rem 1.4rem;box-shadow:var(--shadow)}.rsvp__field{margin-bottom:1.15rem}.rsvp__field label{display:block;font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:.5rem}.rsvp__field input,.rsvp__field textarea,.rsvp__field select{width:100%;font-family:var(--font-body);font-size:.95rem;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:.78rem .9rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.rsvp__field textarea{resize:vertical;min-height:74px}.rsvp__field input:focus,.rsvp__field textarea:focus,.rsvp__field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b3862f2e}.rsvp__attend{display:flex;gap:.5rem;flex-wrap:wrap}.rsvp__chip{flex:1;min-width:90px;font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:.6rem .4rem;cursor:pointer;transition:all .2s ease}.rsvp__chip.is-active{color:var(--ivory);background:linear-gradient(135deg,var(--deep-3),var(--deep));border-color:transparent}.rsvp__submit{width:100%;font-family:var(--font-body);font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ivory);background:linear-gradient(135deg,var(--deep-3),var(--deep));border:none;border-radius:11px;padding:.9rem;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.rsvp__submit:hover{transform:translateY(-2px)}.rsvp__submit:disabled{opacity:.6;cursor:default;transform:none}.rsvp__error{color:var(--blush);font-size:.83rem;margin-bottom:.7rem}.rsvp__note{margin-top:.9rem;font-size:.74rem;line-height:1.6;color:var(--muted)}.rsvp__wishes{margin-top:1.9rem}.rsvp__wishes-head{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:1rem}.rsvp__count{font-size:.72rem;color:var(--muted);letter-spacing:.04em;text-transform:none}.rsvp__empty{text-align:center;color:var(--muted);font-size:.9rem;padding:1.4rem 0}.rsvp__list{list-style:none;display:grid;gap:.8rem;max-height:420px;overflow-y:auto;padding-right:.2rem}.wish{background:linear-gradient(180deg,#fffdf6cc,#eadfc64d);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem}.wish__top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.4rem}.wish__name{font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--deep)}.wish__badge{flex:none;font-size:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.24em .6em;border-radius:999px;color:var(--ivory);background:var(--muted)}.wish__badge--hadir{background:var(--deep-3)}.wish__badge--ragu{background:var(--gold)}.wish__badge--tidak{background:var(--blush)}.wish__msg{font-size:.92rem;line-height:1.65;color:var(--body)}.wish__time{display:block;margin-top:.4rem;font-size:.72rem;color:var(--muted)}.closing__crest{display:inline-flex;color:var(--gold-lt);margin-bottom:1.3rem}.closing__text{max-width:450px;margin:0 auto 1.3rem;color:#f6f0e2db;line-height:1.95;font-size:1rem}.closing__wass{font-family:var(--font-arabic);font-size:1.25rem;color:var(--gold-lt);margin:1.2rem 0;line-height:1.9}.closing__family{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#f6f0e299;margin-bottom:.6rem}.closing__names{font-family:var(--font-display);font-size:1.4rem;font-weight:500;color:var(--ivory);line-height:1.6}.footer{position:relative;z-index:2;text-align:center;padding:2.8rem 1.5rem 2rem;color:var(--muted)}.footer__star{color:var(--gold);margin-bottom:.7rem}.footer__title{font-family:var(--font-display);font-style:italic;font-size:1.4rem;color:var(--deep)}.footer__made{margin-top:.3rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep)}.music-toggle{position:fixed;right:1.1rem;bottom:1.1rem;z-index:90;width:48px;height:48px;border:1px solid rgba(226,192,121,.5);border-radius:50%;cursor:pointer;color:var(--gold-lt);background:linear-gradient(135deg,var(--deep-3),var(--deep-2));box-shadow:0 12px 26px -10px var(--deep-2);display:grid;place-items:center;transition:transform .3s ease}.music-toggle:hover{transform:scale(1.06)}.music-toggle__disc{display:grid;place-items:center}.music-toggle--on .music-toggle__disc{animation:spinSlow 4s linear infinite}@keyframes coverIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{opacity:.75;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.08)}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes floaty{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(20deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){*,.section,.cover,.mote,.cover__glow,.cover__btn-star,.music-toggle--on .music-toggle__disc{animation:none!important;transition-duration:.001ms!important}.section{opacity:1;transform:none}}@media (min-width: 640px){.section{padding:5.8rem 0}.section--intro{padding-top:7rem}}@media (max-width: 360px){.event__cards{grid-template-columns:1fr}.countdown__unit{min-width:68px}}