@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Lora:ital,wght@0,400;0,600;1,400;1,600&display=swap");[data-template=beige-latte]{--bg-primary:#fdfbf7;--bg-secondary:#f5efeb;--bg-dark:#2b241e;--bg-card:#ffffff;--bg-card-dark:#3b322a;--ink-primary:#332f2a;--ink-secondary:#615c56;--ink-muted:#8c827a;--ink-light:#ffffff;--ink-light-muted:#ebe3d8;--accent:#c5a059;--accent-gold:#a68042;--border:#ebe3d8;--border-gold:rgba(197,160,89,0.35);--border-dark:#3d352e;--shadow-soft:0 4px 20px rgba(51,47,42,0.05);--shadow-float:0 8px 30px rgba(51,47,42,0.08);--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"Lora",Georgia,serif;background-color:var(--bg-primary);color:var(--ink-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;max-width:480px;margin:0 auto;min-height:100vh;box-shadow:0 0 40px rgba(0,0,0,.04)}[data-template=beige-latte] .btn-neo,[data-template=beige-latte] .copy-btn,[data-template=beige-latte] .radio-option,[data-template=beige-latte] button,[data-template=beige-latte] input,[data-template=beige-latte] textarea{outline:none!important;-webkit-tap-highlight-color:transparent}[data-template=beige-latte] [data-section]{position:relative}[data-template=beige-latte] .section-canvas,[data-template=beige-latte] [data-section]{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:100%}[data-template=beige-latte] .section-canvas{max-width:342px;margin:0 auto;padding:0;background-color:transparent}[data-template=beige-latte] .section--accent,[data-template=beige-latte] .section--accent2{background-color:var(--bg-secondary)}[data-template=beige-latte] .section--dark{background-color:var(--bg-dark);color:var(--ink-light)}[data-template=beige-latte] .section-header{width:100%;text-align:center;margin-bottom:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}[data-template=beige-latte] .section-header__title{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1.2;color:var(--ink-primary);margin:0}[data-template=beige-latte] .section-header__bar{width:60px;height:1px;background-color:var(--accent);margin:0 auto;opacity:.8}[data-template=beige-latte] [data-section=cover] .section-header__bar,[data-template=beige-latte] [data-section=intro] .section-header__bar{display:none}[data-template=beige-latte] .cover-screen,[data-template=beige-latte] [data-section=cover]{min-height:100vh;min-height:100dvh;padding:40px 24px 24px;background-color:#fdfbf7;text-align:center}[data-template=beige-latte] .cover-screen>p.text-lg{font-family:var(--font-body);font-size:13px;font-weight:600;color:#a68042;margin-bottom:8px}[data-template=beige-latte] .cover-screen .date-badge{background-color:transparent;color:#332f2a;font-family:var(--font-display);font-size:14px;font-weight:600;font-style:italic;padding:6px 16px;border-radius:100px;border:1px solid #c5a059;margin:8px auto 16px;display:inline-block}[data-template=beige-latte] .cover-screen h1{font-family:var(--font-display);font-size:42px;font-weight:700;line-height:1.1;color:#332f2a;margin:16px 0 24px}[data-template=beige-latte] .cover-screen .guest-box{width:100%;max-width:342px;background-color:#f5efeb;border:1px solid #ebe3d8;border-radius:16px;padding:20px;box-sizing:border-box;margin-bottom:20px;display:flex;flex-direction:column;gap:8px}[data-template=beige-latte] .cover-screen .guest-box p:first-child{font-family:var(--font-body);font-size:12px;font-weight:400;color:#615c56}[data-template=beige-latte] .cover-screen .guest-box p:last-child{font-family:var(--font-display);font-size:18px;font-weight:700;color:#332f2a}[data-template=beige-latte] .cover-screen .btn-neo{width:100%;max-width:342px;height:48px;border-radius:24px;background-color:#c5a059;color:#ffffff;font-family:var(--font-display);font-size:16px;font-weight:600;border:none;cursor:pointer;box-shadow:0 4px 12px rgba(197,160,89,.25);display:flex;align-items:center;justify-content:center;gap:8px}[data-template=beige-latte] [data-section=intro]{min-height:393px;padding:32px;background-color:#fdfbf7}[data-template=beige-latte] [data-section=intro] .section-canvas{max-width:326px;gap:16px}[data-template=beige-latte] .intro-salam{font-family:var(--font-display);font-size:24px;font-weight:600;font-style:italic;color:#a68042;text-align:center}[data-template=beige-latte] .intro-text{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.8;color:#615c56;text-align:center;max-width:326px;margin:0 auto}[data-template=beige-latte] [data-section=mempelai]{min-height:100vh;min-height:100dvh;padding:32px 24px;background-color:#fdfbf7}[data-template=beige-latte] .mempelai-grid{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:342px}[data-template=beige-latte] .mempelai-frame{width:160px;height:160px;border-radius:80px;border:4px solid #c5a059;padding:4px;margin:0 auto 12px;box-sizing:border-box}[data-template=beige-latte] .mempelai-frame img{width:100%;height:100%;border-radius:80px;object-fit:cover}[data-template=beige-latte] .mempelai-frame .ilust-placeholder{width:100%;height:100%;border-radius:80px;display:flex;align-items:center;justify-content:center;font-size:40px;background-color:#f5efeb}[data-template=beige-latte] .mempelai-grid>div:first-child .mempelai-name:before{content:"Groom";display:block;font-family:var(--font-display);font-size:14px;font-weight:600;color:#a68042;margin-bottom:4px}[data-template=beige-latte] .mempelai-grid>div:last-child .mempelai-name:before{content:"Bride";display:block;font-family:var(--font-display);font-size:14px;font-weight:600;color:#a68042;margin-bottom:4px}[data-template=beige-latte] .mempelai-name{font-family:var(--font-display);font-size:22px;font-weight:700;color:#332f2a;text-align:center;margin-bottom:4px}[data-template=beige-latte] .mempelai-ortu{font-family:var(--font-body);font-size:12px;font-style:italic;color:#615c56;text-align:center;line-height:1.5}[data-template=beige-latte] .mempelai-divider{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;font-family:var(--font-display);font-size:28px;font-style:italic;color:#a68042;line-height:1;margin:8px 0}[data-template=beige-latte] .mempelai-divider:after,[data-template=beige-latte] .mempelai-divider:before{content:"";width:80px;height:1px;background-color:#c5a059;opacity:.8}[data-template=beige-latte] [data-section=quotes]{min-height:538px;padding:32px;background-color:#2b241e;color:#ffffff}[data-template=beige-latte] [data-section=quotes] .section-canvas{max-width:326px}[data-template=beige-latte] .quotes-arabic{font-family:var(--font-display);font-size:26px;font-weight:400;line-height:1.8;color:#c5a059;margin-bottom:20px;direction:rtl;text-align:center}[data-template=beige-latte] .quotes-card{width:326px;max-width:100%;background-color:#3b322a;border:1px solid #3d352e;border-radius:16px;padding:24px;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;gap:16px}[data-template=beige-latte] .quotes-translation{font-family:var(--font-body);font-size:13px;font-weight:400;font-style:italic;line-height:1.7;color:#ffffff;margin:0}[data-template=beige-latte] .quotes-source{font-family:var(--font-display);font-size:14px;font-weight:600;color:#c5a059;letter-spacing:.05em;margin:0}[data-template=beige-latte] [data-section=acara]{min-height:100vh;min-height:100dvh;padding:32px 24px;background-color:#f5efeb}[data-template=beige-latte] .acara-grid{display:flex;flex-direction:column;gap:24px;width:100%;max-width:342px;margin:0 auto}[data-template=beige-latte] .acara-card{background-color:#ffffff;border:1px solid #ebe3d8;border-radius:16px;padding:24px;text-align:left;box-shadow:var(--shadow-soft);box-sizing:border-box;display:flex;flex-direction:column;gap:16px}[data-template=beige-latte] .acara-card .label{font-family:var(--font-display);font-size:24px;font-weight:600;color:#332f2a;text-align:center;margin:0}[data-template=beige-latte] .acara-card .card-details{display:flex;flex-direction:column;gap:10px}[data-template=beige-latte] .acara-card .detail-row{display:flex;align-items:center;gap:10px}[data-template=beige-latte] .acara-card .value{font-family:var(--font-body);font-size:13px;font-weight:400;color:#615c56;text-align:left}[data-template=beige-latte] [data-section=acara] .btn-neo--outline{width:100%;max-width:342px;height:48px;border-radius:24px;background-color:#ffffff;color:#a68042;border:1px solid #c5a059;font-family:var(--font-display);font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;margin-top:24px}[data-template=beige-latte] [data-section=love-story]{min-height:530px;padding:32px 24px;background-color:#fdfbf7}[data-template=beige-latte] .love-timeline{display:flex;flex-direction:column;width:100%;max-width:342px;padding:0 8px;box-sizing:border-box;position:relative}[data-template=beige-latte] .love-item{display:flex;gap:16px;position:relative;text-align:left;box-sizing:border-box}[data-template=beige-latte] .love-item .year{font-family:var(--font-display);font-size:12px;font-weight:700;color:#ffffff;background-color:#c5a059;border-radius:6px;padding:4px 8px;height:23px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}[data-template=beige-latte] .love-item .story{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.6;color:#332f2a;padding-bottom:24px;margin:0}[data-template=beige-latte] [data-section=countdown]{min-height:395px;padding:32px 24px;background-color:#f5efeb}[data-template=beige-latte] .countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,2.5vw,16px);width:100%;max-width:342px;margin:0 auto 24px;box-sizing:border-box}[data-template=beige-latte] .countdown-box{width:100%;min-width:0;min-height:84px;background-color:#ffffff;border:1px solid #ebe3d8;border-radius:12px;padding:16px 4px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-sizing:border-box}[data-template=beige-latte] .countdown-num{font-family:var(--font-display);font-size:clamp(20px,6.5vw,28px);font-weight:700;color:#a68042;line-height:1}[data-template=beige-latte] .countdown-label{font-family:var(--font-body);font-size:clamp(9px,2.8vw,11px);font-weight:600;color:#615c56}[data-template=beige-latte] [data-section=countdown] .section-canvas:after{content:"“Tiada keberuntungan yang lebih besar selain dari bersatunya dua insan dalam pernikahan.”";display:block;font-family:var(--font-body);font-size:14px;font-weight:400;font-style:italic;line-height:1.6;color:#615c56;text-align:center;max-width:342px;margin:0 auto}[data-template=beige-latte] [data-section=galeri]{min-height:100vh;min-height:100dvh;padding:32px 24px 24px;background-color:#fdfbf7}[data-template=beige-latte] .galeri-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:342px}[data-template=beige-latte] .galeri-item{border-radius:12px;overflow:hidden;border:1px solid #ebe3d8;box-shadow:var(--shadow-soft);background-color:#ffffff;aspect-ratio:1/1}[data-template=beige-latte] .galeri-item img{width:100%;height:100%;object-fit:cover}[data-template=beige-latte] [data-section=video]{min-height:100vh;min-height:100dvh;padding:32px 24px 24px;background-color:#fdfbf7}[data-template=beige-latte] [data-section=video] .section-header:after{content:"Saksikan momen-momen indah perjalanan cinta kami yang kami abadikan dalam cuplikan video prewedding yang hangat ini.";display:block;font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.6;color:#615c56;text-align:center;max-width:342px;margin:12px auto 0}[data-template=beige-latte] .video-frame{width:342px;max-width:100%;height:200px;border-radius:16px;overflow:hidden;border:1px solid #ebe3d8;margin-top:16px;box-sizing:border-box}[data-template=beige-latte] .video-frame iframe{width:100%;height:100%;border:none}[data-template=beige-latte] [data-section=maps]{min-height:508px;padding:32px 24px 24px;background-color:#f5efeb}[data-template=beige-latte] [data-section=maps] .card-neo{width:342px;max-width:100%;background-color:#ffffff;border:1px solid #ebe3d8;border-radius:16px;padding:16px;box-sizing:border-box;text-align:left;display:flex;flex-direction:column;gap:20px}[data-template=beige-latte] .maps-frame{width:310px;max-width:100%;height:180px;border-radius:12px;overflow:hidden;border:1px solid #ebe3d8;box-sizing:border-box}[data-template=beige-latte] [data-section=maps] .card-neo strong{font-family:var(--font-display);font-size:20px;font-weight:700;color:#332f2a;display:block}[data-template=beige-latte] [data-section=maps] .btn-neo--outline{width:310px;max-width:100%;height:44px;border-radius:22px;background-color:#c5a059;color:#ffffff;border:none;font-family:var(--font-display);font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-sizing:border-box}[data-template=beige-latte] [data-section=gift]{min-height:100vh;min-height:100dvh;padding:32px 24px 24px;background-color:#2b241e}[data-template=beige-latte] [data-section=gift] .section-header__title{color:#ffffff}[data-template=beige-latte] [data-section=gift] .section-header:after{content:"Bagi keluarga dan kerabat yang ingin memberikan tanda kasih, dapat mengirimkan melalui rekening berikut:";display:block;font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.6;color:#ebe3d8;text-align:center;max-width:342px;margin:12px auto 0}[data-template=beige-latte] .gift-grid{display:flex;flex-direction:column;gap:16px;width:100%;max-width:342px;margin:0 auto}[data-template=beige-latte] .gift-card{width:342px;max-width:100%;background-color:#3b322a;border:1px solid #3d352e;border-radius:16px;padding:20px;text-align:left;box-sizing:border-box;display:flex;flex-direction:column;gap:16px}[data-template=beige-latte] .gift-card .label{font-family:var(--font-display);font-size:18px;font-weight:700;color:#c5a059;display:flex;align-items:center;justify-content:space-between}[data-template=beige-latte] .gift-card .val{font-family:var(--font-display);font-size:22px;font-weight:700;color:#ffffff;letter-spacing:.05em;margin:4px 0}[data-template=beige-latte] .gift-card div{font-family:var(--font-body);color:#ebe3d8;font-size:14px;font-weight:400}[data-template=beige-latte] .copy-btn{width:302px;max-width:100%;height:33px;background-color:transparent;color:#c5a059;border:1px solid #c5a059;font-family:var(--font-display);font-size:14px;font-weight:600;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-sizing:border-box}[data-template=beige-latte] [data-section=rsvp]{min-height:100vh;min-height:100dvh;padding:32px 24px;background-color:#fdfbf7}[data-template=beige-latte] [data-section=rsvp] .form-neo{width:342px;max-width:100%;margin:0 auto;background-color:#ffffff;border:1px solid #ebe3d8;border-radius:16px;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;text-align:left}[data-template=beige-latte] .form-field{display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}[data-template=beige-latte] .form-label{font-family:var(--font-body);font-size:13px;font-weight:600;color:#332f2a;display:block}[data-template=beige-latte] .form-input{height:44px;padding:0 16px}[data-template=beige-latte] .form-input,[data-template=beige-latte] .form-textarea{width:100%;background-color:#fdfbf7;border:1px solid #ebe3d8;border-radius:8px;font-family:var(--font-body);font-size:13px;color:#332f2a;box-sizing:border-box}[data-template=beige-latte] .form-textarea{height:80px;padding:12px 16px;resize:vertical}[data-template=beige-latte] .radio-group{display:flex;flex-direction:column;gap:8px;width:100%}[data-template=beige-latte] .radio-option{width:100%;height:44px;background-color:#ffffff;border:1px solid #ebe3d8;border-radius:8px;padding:0 12px;font-family:var(--font-body);font-size:14px;color:#615c56;cursor:pointer;display:flex;align-items:center;gap:12px;box-sizing:border-box;transition:all .2s ease}[data-template=beige-latte] .radio-option.checked{background-color:#f5efeb;border-color:#c5a059;color:#332f2a;font-weight:600}[data-template=beige-latte] .number-selector{width:100%;height:44px;background-color:#fdfbf7;border:1px solid #ebe3d8;border-radius:8px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}[data-template=beige-latte] .number-selector .num-btn{width:32px;height:32px;border-radius:6px;background-color:#f5efeb;border:1px solid #ebe3d8;color:#332f2a;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}[data-template=beige-latte] .number-selector .num-val{font-family:var(--font-display);font-size:18px;font-weight:700;color:#332f2a}[data-template=beige-latte] [data-section=rsvp] .btn-neo{width:100%;height:48px;border-radius:24px;background-color:#c5a059;color:#ffffff;font-family:var(--font-display);font-size:16px;font-weight:600;border:none;cursor:pointer;box-shadow:0 4px 12px rgba(197,160,89,.25);box-sizing:border-box}[data-template=beige-latte] [data-section=wishes]{min-height:100vh;min-height:100dvh;padding:32px 24px 24px;background-color:#fdfbf7}[data-template=beige-latte] [data-section=wishes] .form-neo{width:342px;max-width:100%;margin:0 auto 24px;background-color:#ffffff;border:1px solid #ebe3d8;border-radius:16px;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px}[data-template=beige-latte] [data-section=wishes] .btn-neo{width:100%;height:40px;border-radius:20px;background-color:#c5a059;color:#ffffff;font-family:var(--font-display);font-size:15px;font-weight:600;border:none;cursor:pointer;box-sizing:border-box}[data-template=beige-latte] .ucapan-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:342px;max-height:318px;overflow-y:auto;box-sizing:border-box}[data-template=beige-latte] .ucapan-item{width:342px;max-width:100%;background-color:#ffffff;border:1px solid #ebe3d8;border-radius:12px;padding:16px;text-align:left;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}[data-template=beige-latte] .ucapan-item .author{font-family:var(--font-display);font-weight:700;font-size:15px;color:#332f2a}[data-template=beige-latte] .ucapan-item .text{font-family:var(--font-body);font-size:13px;font-weight:400;line-height:1.6;color:#615c56}[data-template=beige-latte] .ucapan-item .time{font-family:var(--font-body);font-size:11px;font-weight:400;color:#615c56}[data-template=beige-latte] .footer-neo,[data-template=beige-latte] [data-section=footer]{min-height:503px;padding:20px 24px 40px;background-color:#f5efeb;border-top:1px solid #ebe3d8;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;box-sizing:border-box;width:100%}[data-template=beige-latte] .footer-neo h3:before{content:"The Wedding of";display:block;font-family:var(--font-display);font-size:14px;font-weight:600;color:#a68042;margin-bottom:8px}[data-template=beige-latte] .footer-neo h3{font-family:var(--font-display);font-size:40px;font-weight:700;color:#332f2a;margin:0}[data-template=beige-latte] .footer-neo p{font-family:var(--font-body);font-size:14px;color:#615c56}[data-template=beige-latte] .footer-neo .footer-message{max-width:342px;margin:0 auto;line-height:1.7}[data-template=beige-latte] .footer-neo .footer-message:after{content:"";display:block;width:100px;height:1px;background-color:#c5a059;margin:24px auto 0;opacity:.8}[data-template=beige-latte] .footer-neo .footer-credit{font-family:var(--font-display);font-size:14px;font-weight:600;color:#a68042;margin:0}[data-template=beige-latte] .footer-neo .footer-credit:before{content:"Created with Love by\A";white-space:pre-wrap;display:block;font-family:var(--font-body);font-size:11px;font-weight:400;color:#615c56;margin-bottom:4px}[data-template=beige-latte] .music-btn{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:9999px;background-color:#c5a059;color:#ffffff;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px rgba(197,160,89,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50}@import url("https://fonts.googleapis.com/css2?family=Alex+Brush&family=Amiri:ital,wght@0,400;0,700;1,400&family=Great+Vibes&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..800&display=swap");@font-face{font-family:Youth Shandey;src:url(/fonts/Youth%20Shandey.otf) format("opentype"),url(/fonts/Youth\ Shandey.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}[data-template=midnight-archive]{--color-bg:#0d0d11;--color-ink:#ffffff;--color-ink-muted:#aeaeb2;--color-ink-sub:#e0e0e0;--color-accent:#ffffff;--color-accent2:#d4af37;--color-accent-text:#111115;--color-surface:rgba(255,255,255,0.08);--color-surface-hover:rgba(255,255,255,0.14);--color-surface-solid:#ffffff;--color-border:rgba(255,255,255,0.22);--color-border-focus:#ffffff;--color-border-input:rgba(255,255,255,0.20);--color-input-bg:rgba(255,255,255,0.08);--font-display:"Youth Shandey","Alex Brush","Great Vibes",cursive;--font-body:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-serif:"Playfair Display",Georgia,serif;--font-mono:"Plus Jakarta Sans",monospace;--radius-sm:5px;--radius-md:8px;--radius-lg:16px;--radius-pill:9999px;--border-width:1px;--shadow:0 8px 30px rgba(0,0,0,0.28);--scrim-section00:rgba(0,0,0,0.14);--scrim-transition-mid:rgba(13,13,17,0.46);--scrim-content:rgba(13,13,17,0.68);background-color:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);min-height:100vh;min-height:100dvh;overflow-x:clip;position:relative;scroll-behavior:smooth}[data-template=midnight-archive] .video-bg-layer{position:fixed;inset:0;width:100%;height:100lvh;min-height:100%;z-index:0;pointer-events:none;overflow:hidden}[data-template=midnight-archive] .video-bg-layer .video-bg,[data-template=midnight-archive] .video-bg-layer .video-bg-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}[data-template=midnight-archive] .video-bg-layer:after{content:"";position:absolute;inset:0;background:var(--scrim-section00);z-index:1}@keyframes cinematicUnveil{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-template=midnight-archive] .invitation-content{position:relative;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 65vh,var(--scrim-transition-mid) 95vh,var(--scrim-content) 118vh,var(--scrim-content) 100%);width:100%;animation:cinematicUnveil .8s cubic-bezier(.16,1,.3,1) forwards}[data-template=midnight-archive] .section-wrapper{min-height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:56px 20px;box-sizing:border-box;width:100%;position:relative;background:transparent}[data-template=midnight-archive] [data-section]:not([data-section=cover]):not([data-section=hero]) .section-canvas{width:100%;max-width:342px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;background:transparent;opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}[data-template=midnight-archive] [data-section=cover] .cover-screen,[data-template=midnight-archive] [data-section=hero] .hero-screen,[data-template=midnight-archive] [data-section] .section-canvas.is-visible,[data-template=midnight-archive] [data-section].is-visible .section-canvas{opacity:1!important;transform:translateY(0)!important;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}[data-template=midnight-archive] .mempelai-grid>div:not(.mempelai-divider){opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}[data-template=midnight-archive] .mempelai-grid>div.is-visible,[data-template=midnight-archive] [data-section=mempelai].is-visible .mempelai-grid>div{opacity:1;transform:translateY(0);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}[data-template=midnight-archive] [data-section=mempelai].is-visible .mempelai-grid>div:last-child{transition-delay:.1s}[data-template=midnight-archive] [data-section=mempelai].is-visible .mempelai-grid>div:first-child{transition-delay:.2s}[data-template=midnight-archive] .acara-card{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}[data-template=midnight-archive] .acara-card.is-visible,[data-template=midnight-archive] [data-section=acara].is-visible .acara-card{opacity:1;transform:translateY(0);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}[data-template=midnight-archive] [data-section=acara].is-visible .acara-card:first-child{transition-delay:.1s}[data-template=midnight-archive] [data-section=acara].is-visible .acara-card:last-child{transition-delay:.2s}[data-template=midnight-archive] .love-item{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}[data-template=midnight-archive] .love-item.is-visible,[data-template=midnight-archive] [data-section=love-story].is-visible .love-item{opacity:1;transform:translateY(0);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}[data-template=midnight-archive] [data-section=love-story].is-visible .love-item:first-child{transition-delay:.12s}[data-template=midnight-archive] [data-section=love-story].is-visible .love-item:nth-child(2){transition-delay:.28s}[data-template=midnight-archive] [data-section=love-story].is-visible .love-item:nth-child(3){transition-delay:.44s}[data-template=midnight-archive] [data-section=love-story].is-visible .love-item:nth-child(4){transition-delay:.6s}[data-template=midnight-archive] .section-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;width:100%;margin-bottom:2px}[data-template=midnight-archive] .section-header__title{font-family:var(--font-display);font-size:28px;font-weight:400;color:#ffffff;margin:0;line-height:1.25;text-align:center}[data-template=midnight-archive] .section-header__bar{display:none}[data-template=midnight-archive] .section-subtitle{font-family:var(--font-body);font-size:14px;font-weight:400;color:#ffffff;text-align:center;line-height:1.5;margin:-14px 0 0;max-width:342px}[data-template=midnight-archive] .cover-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:48px 20px 36px;box-sizing:border-box;text-align:center;width:100%;position:relative;z-index:2;background:rgba(0,0,0,.18)}[data-template=midnight-archive] .cover-top{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:0;width:100%;flex-shrink:0}[data-template=midnight-archive] .cover-screen .text-lg,[data-template=midnight-archive] .cover-screen>p:first-child,[data-template=midnight-archive] .cover-subtitle{font-family:var(--font-body);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#ffffff;margin:0;opacity:.9}[data-template=midnight-archive] .date-badge{border-radius:var(--radius-pill);padding:6px 18px;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.08em;display:inline-block;box-sizing:border-box;margin:0}[data-template=midnight-archive] .cover-screen .date-badge{background:var(--color-surface);border:1px solid var(--color-border);color:#ffffff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 20px rgba(0,0,0,.2)}[data-template=midnight-archive] .cover-screen h1,[data-template=midnight-archive] .hero-screen h1{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-display);font-size:clamp(48px,14vw,68px);font-weight:400;line-height:.95;gap:0;margin:0;padding:16px 0;text-align:center;width:100%}[data-template=midnight-archive] .cover-screen h1 .amp,[data-template=midnight-archive] .hero-screen h1 .amp{font-family:var(--font-display);font-size:clamp(24px,7vw,36px);font-weight:400;margin:4px 0;opacity:.85}[data-template=midnight-archive] .cover-bottom{width:100%;max-width:342px;display:flex;flex-direction:column;gap:12px;margin-top:0;flex-shrink:0}[data-template=midnight-archive] .cover-screen .guest-box{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-md);padding:18px 20px;box-sizing:border-box;margin:0;display:flex;flex-direction:column;gap:6px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:0 8px 32px rgba(0,0,0,.2)}[data-template=midnight-archive] .cover-screen .guest-box p:first-child{font-family:var(--font-body);font-size:12px;font-weight:500;color:#ffffff;opacity:.9;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.5)}[data-template=midnight-archive] .cover-screen .guest-box p:last-child{font-family:var(--font-display);font-size:22px;font-weight:400;color:#ffffff;margin:0;text-shadow:0 2px 6px rgba(0,0,0,.5)}[data-template=midnight-archive] .cover-screen .guest-box:after{content:"*Mohon maaf bila ada kesalahan penulisan nama/gelar";font-family:var(--font-body);font-size:11px;font-weight:400;color:#ffffff;opacity:.85;margin-top:4px;display:block;text-shadow:0 1px 4px rgba(0,0,0,.5)}[data-template=midnight-archive] .cover-screen .btn-neo{background:var(--color-accent);color:var(--color-accent-text);height:48px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;font-weight:700;width:100%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;margin:0;transition:opacity .2s,transform .1s,box-shadow .2s}[data-template=midnight-archive] .cover-screen .btn-neo svg{width:18px;height:18px;margin-right:4px;stroke:currentColor;flex-shrink:0}[data-template=midnight-archive] .cover-screen .btn-neo:hover{box-shadow:0 4px 20px rgba(255,255,255,.3)}[data-template=midnight-archive] .cover-screen .btn-neo:active{transform:scale(.98)}[data-template=midnight-archive] [data-section=hero]{z-index:2;padding:0}[data-template=midnight-archive] .hero-screen,[data-template=midnight-archive] [data-section=hero]{min-height:100vh;min-height:100dvh;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;box-sizing:border-box}[data-template=midnight-archive] .hero-screen{padding:48px 20px 32px;text-align:center;background:transparent}[data-template=midnight-archive] .hero-top{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:0;flex-shrink:0}[data-template=midnight-archive] .hero-screen .cover-subtitle{color:rgba(255,255,255,.5);text-shadow:0 0 16px rgba(255,255,255,.15);letter-spacing:.18em}[data-template=midnight-archive] .hero-screen .date-badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.6);text-shadow:0 0 16px rgba(255,255,255,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 20px rgba(0,0,0,.25)}[data-template=midnight-archive] .hero-screen h1{color:rgba(255,255,255,.45);text-shadow:0 0 24px rgba(255,255,255,.25),0 4px 20px rgba(0,0,0,.5);letter-spacing:.02em}[data-template=midnight-archive] .hero-scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:6px;color:rgba(255,255,255,.7);margin-top:0;padding-bottom:8px;flex-shrink:0}@keyframes bounceArrow{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(10px);opacity:1}}[data-template=midnight-archive] .hero-scroll-indicator svg{width:28px;height:28px;stroke:rgba(255,255,255,.85);animation:bounceArrow 2s ease-in-out infinite}[data-template=midnight-archive] [data-section=intro]{min-height:auto;padding:56px 20px 44px;box-sizing:border-box}[data-template=midnight-archive] [data-section=intro] .section-canvas{background:transparent!important;border:none!important;border-radius:0!important;padding:16px 12px!important;box-sizing:border-box;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:flex;flex-direction:column;gap:18px;box-shadow:none!important;max-width:342px;margin:0 auto}[data-template=midnight-archive] .intro-salam,[data-template=midnight-archive] .salam{font-family:var(--font-display);font-size:22px;font-weight:400;color:#ffffff;text-align:center;line-height:1.4;margin:0;text-shadow:0 2px 16px rgba(0,0,0,.7)}[data-template=midnight-archive] .intro-text,[data-template=midnight-archive] .intro_text{font-family:var(--font-body);font-size:14px;font-weight:400;color:rgba(255,255,255,.92);text-align:center;line-height:1.7;margin:0;text-shadow:0 2px 14px rgba(0,0,0,.7)}[data-template=midnight-archive] [data-section=mempelai]{padding:44px 20px 56px;box-sizing:border-box}[data-template=midnight-archive] .mempelai-grid{display:flex;flex-direction:column;gap:36px;width:100%;max-width:342px;margin:0 auto}[data-template=midnight-archive] .mempelai-grid>div:not(.mempelai-divider){background:#ffffff;border:1px solid var(--color-border);border-radius:0;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;width:100%;position:relative;box-shadow:var(--shadow);transition:transform .25s ease}[data-template=midnight-archive] .mempelai-grid>div:not(.mempelai-divider):hover{transform:translateY(-3px)}[data-template=midnight-archive] .mempelai-grid>div:first-child{order:2}[data-template=midnight-archive] .mempelai-grid>div:first-child:before{content:"The Groom";font-family:var(--font-display);font-size:24px;font-weight:400;color:#000000;text-align:left;display:block;margin-bottom:2px}[data-template=midnight-archive] .mempelai-grid>div:last-child{order:1}[data-template=midnight-archive] .mempelai-grid>div:last-child:before{content:"The Bride";font-family:var(--font-display);font-size:24px;font-weight:400;color:#000000;text-align:left;display:block;margin-bottom:2px}[data-template=midnight-archive] .mempelai-frame{order:1;width:100%;aspect-ratio:3/4;height:auto;border-radius:0;overflow:hidden;border:none;margin:0 0 6px}[data-template=midnight-archive] .mempelai-frame img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}[data-template=midnight-archive] .mempelai-grid>div:hover .mempelai-frame img{transform:scale(1.02)}[data-template=midnight-archive] .mempelai-name{order:2;font-family:var(--font-display);font-size:20px;font-weight:400;color:#000000;text-align:center;margin:0}[data-template=midnight-archive] .mempelai-ortu{order:3;font-family:var(--font-body);font-size:13px;font-weight:400;color:#000000;text-align:center;margin:0}[data-template=midnight-archive] .mempelai-ig{order:4;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-body);font-size:13px;font-weight:400;color:#000000;text-decoration:none;margin:2px auto 0;transition:opacity .2s}[data-template=midnight-archive] .mempelai-ig:hover{opacity:.7}[data-template=midnight-archive] .mempelai-ig svg{stroke:#000000}[data-template=midnight-archive] .mempelai-divider{display:none}[data-template=midnight-archive] [data-section=quotes] .section-canvas{background:var(--color-surface)!important;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;max-width:342px;width:100%;box-sizing:border-box;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow);margin:0 auto}[data-template=midnight-archive] .quotes-arabic{font-family:Amiri,serif;font-size:22px;font-weight:400;color:#ffffff;text-align:center;line-height:1.8;margin:0;direction:rtl}[data-template=midnight-archive] .quotes-card{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:flex;flex-direction:column;gap:16px;width:100%}[data-template=midnight-archive] .quotes-translation{font-family:var(--font-body);font-size:13px;font-weight:400;color:#ffffff;text-align:center;line-height:1.6;margin:0}[data-template=midnight-archive] .quotes-source{font-family:var(--font-body);font-size:12px;font-weight:700;color:#ffffff;text-align:center;letter-spacing:.05em;margin:0}[data-template=midnight-archive] .acara-grid{display:flex;flex-direction:column;gap:18px;width:100%;max-width:342px;margin:0 auto}[data-template=midnight-archive] .acara-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;box-sizing:border-box;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;flex-direction:column;gap:12px;text-align:left;box-shadow:var(--shadow)}[data-template=midnight-archive] .acara-card .label{font-family:var(--font-display);font-size:20px;font-weight:400;color:#ffffff;text-align:left;margin:0}[data-template=midnight-archive] .acara-card .card-details{display:flex;flex-direction:column;gap:8px}[data-template=midnight-archive] .acara-card .detail-row{display:flex;align-items:center;gap:8px}[data-template=midnight-archive] .acara-card .detail-row svg{width:16px;height:16px;stroke:#ffffff;flex-shrink:0}[data-template=midnight-archive] .acara-card .value{font-family:var(--font-body);font-size:14px;font-weight:400;color:#ffffff;text-align:left}[data-template=midnight-archive] .acara-card .detail-row:first-child .value{font-weight:600;color:#ffffff}[data-template=midnight-archive] .acara-card .detail-row:last-child .value{color:var(--color-ink-muted)}[data-template=midnight-archive] [data-section=acara] .btn-neo,[data-template=midnight-archive] [data-section=acara] .btn-neo--outline{background:var(--color-accent);color:var(--color-accent-text);height:48px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;font-weight:700;width:100%;max-width:342px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;margin-top:8px}[data-template=midnight-archive] [data-section=love-story] .section-canvas{text-align:left}[data-template=midnight-archive] .love-timeline{display:flex;flex-direction:column;gap:16px;width:100%;max-width:342px;position:relative;margin:0 auto;text-align:left}[data-template=midnight-archive] .love-item{display:flex;gap:14px;position:relative}[data-template=midnight-archive] .love-item .year{width:32px;height:32px;border-radius:9999px;background-color:#ffffff;color:#111115;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:10px;font-weight:800;flex-shrink:0;z-index:1;margin-top:2px}[data-template=midnight-archive] .love-item:before{content:"";position:absolute;left:15px;top:32px;bottom:-16px;width:2px;background-color:#ffffff;opacity:.6}[data-template=midnight-archive] .love-item:last-child:before{display:none}[data-template=midnight-archive] .love-item .story{flex-grow:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;font-family:var(--font-body);font-size:13px;font-weight:400;color:#ffffff;line-height:1.55;text-align:left;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);margin:0;box-shadow:var(--shadow)}[data-template=midnight-archive] [data-section=countdown] .section-header{order:1}[data-template=midnight-archive] [data-section=countdown] .countdown-grid{order:2}[data-template=midnight-archive] [data-section=countdown] .section-subtitle{order:3;margin:-10px auto 0;text-align:center;font-size:13px;line-height:1.6;color:rgba(255,255,255,.88);max-width:342px}[data-template=midnight-archive] .countdown-grid{background:#ffffff;border:1px solid var(--color-border);border-radius:0;padding:20px;width:100%;max-width:342px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;position:relative;box-shadow:var(--shadow)}[data-template=midnight-archive] .countdown-grid:before{content:"";width:100%;aspect-ratio:3/2;background-image:var(--photo-countdown,url("https://images.unsplash.com/photo-1519741497674-611481863552?q=80&w=800&auto=format&fit=crop"));background-size:cover;background-position:50%;border-radius:0;display:block;margin-bottom:16px;flex-basis:100%}[data-template=midnight-archive] .countdown-box{flex:1 1 calc(25% - 6px);min-width:0;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:8px;background:transparent;border:none;padding:2px}[data-template=midnight-archive] .countdown-num{font-family:var(--font-body);font-size:clamp(22px,6.5vw,28px);font-weight:600;color:#000000;line-height:1}[data-template=midnight-archive] .countdown-label{font-family:var(--font-body);font-size:11px;font-weight:500;color:#000000;text-transform:capitalize}[data-template=midnight-archive] [data-section=dresscode] .section-canvas{background:transparent!important;border:none!important;border-radius:0!important;padding:12px 0!important;max-width:342px;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}[data-template=midnight-archive] .dresscode-palette{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:12px}[data-template=midnight-archive] .swatch-item{display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .2s ease}[data-template=midnight-archive] .swatch-item:hover{transform:translateY(-2px)}[data-template=midnight-archive] .swatch-circle{width:46px;height:46px;border-radius:9999px;border:2px solid rgba(255,255,255,.5);box-shadow:0 4px 16px rgba(0,0,0,.4)}[data-template=midnight-archive] .swatch-name{font-family:var(--font-body);font-size:12px;font-weight:600;color:#ffffff;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.6)}[data-template=midnight-archive] .galeri-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-flow:dense;gap:8px;width:100%;max-width:342px;margin:0 auto;max-height:520px;overflow-y:auto;overflow-x:hidden;padding:4px;background:transparent!important;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;box-sizing:border-box}[data-template=midnight-archive] .galeri-item{width:100%;height:auto;border-radius:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:none;background:transparent!important;position:relative;cursor:pointer;display:block;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease}[data-template=midnight-archive] .galeri-item:hover{opacity:.94;transform:scale(1.015)}[data-template=midnight-archive] .galeri-item img{width:100%;height:auto;display:block;object-fit:cover;transition:transform .4s ease}[data-template=midnight-archive] .galeri-item:hover img{transform:scale(1.03)}[data-template=midnight-archive] .galeri-item--landscape,[data-template=midnight-archive] .galeri-item:only-child,[data-template=midnight-archive] .galeri-item[data-orientation=landscape]{grid-column:span 2}[data-template=midnight-archive] .galeri-item--portrait,[data-template=midnight-archive] .galeri-item--square,[data-template=midnight-archive] .galeri-item[data-orientation=portrait],[data-template=midnight-archive] .galeri-item[data-orientation=square]{grid-column:span 1}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lightboxZoomPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}[data-template=midnight-archive] .lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:lightboxFadeIn .25s ease forwards}[data-template=midnight-archive] .lightbox img{max-width:92vw;max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:0;box-shadow:0 12px 40px rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.25);animation:lightboxZoomPop .3s cubic-bezier(.16,1,.3,1) forwards;transition:transform .2s ease}[data-template=midnight-archive] .lightbox .close{position:absolute;top:24px;right:24px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#ffffff;font-size:28px;line-height:1;width:44px;height:44px;border-radius:9999px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10000;transition:background-color .2s,transform .15s}[data-template=midnight-archive] .lightbox .close:hover{background:rgba(255,255,255,.3);transform:scale(1.08)}[data-template=midnight-archive] .lightbox .nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#ffffff;font-size:28px;width:44px;height:44px;border-radius:9999px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10000;transition:background-color .2s,transform .15s}[data-template=midnight-archive] .lightbox .nav:hover{background:rgba(255,255,255,.3);transform:translateY(-50%) scale(1.08)}[data-template=midnight-archive] .lightbox .nav.prev{left:20px}[data-template=midnight-archive] .lightbox .nav.next{right:20px}[data-template=midnight-archive] .video-frame{width:100%;max-width:342px;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow);background:rgba(0,0,0,.4)}[data-template=midnight-archive] .video-frame iframe{width:100%;height:100%;border:none}[data-template=midnight-archive] [data-section=maps] .card-neo{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;max-width:342px;width:100%;box-sizing:border-box;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;box-shadow:var(--shadow)}[data-template=midnight-archive] .maps-frame{height:180px;border-radius:12px;overflow:hidden;width:100%;border:1px solid var(--color-border)}[data-template=midnight-archive] .maps-frame iframe{width:100%;height:100%;border:none}[data-template=midnight-archive] [data-section=maps] .card-neo strong,[data-template=midnight-archive] [data-section=maps] strong.nama{font-family:var(--font-body);font-size:16px;font-weight:700;color:#ffffff;text-align:center;display:block;margin:2px 0 0;width:100%}[data-template=midnight-archive] [data-section=maps] .card-neo a{width:100%;display:block}[data-template=midnight-archive] [data-section=maps] .btn-neo{background:var(--color-accent);color:var(--color-accent-text);height:44px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;font-weight:700;width:100%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}[data-template=midnight-archive] .gift-grid{display:flex;flex-direction:column;gap:16px;width:100%;max-width:342px;margin:0 auto}[data-template=midnight-archive] .gift-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;box-sizing:border-box;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:14px;text-align:left;box-shadow:var(--shadow)}[data-template=midnight-archive] .gift-card .label{font-family:var(--font-body);font-size:14px;font-weight:700;color:#ffffff;text-align:left;margin:0;display:flex;justify-content:space-between;align-items:center}[data-template=midnight-archive] .gift-card .val{font-family:var(--font-body);font-size:20px;font-weight:700;color:#ffffff;letter-spacing:.05em;margin:0;text-align:left}[data-template=midnight-archive] .gift-card>div:nth-child(3){font-family:var(--font-body);font-size:13px;font-weight:400;color:var(--color-ink-muted);text-align:left;margin:0}[data-template=midnight-archive] .copy-btn{background:transparent;border:1px solid #ffffff;color:#ffffff;height:36px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13px;font-weight:600;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-sizing:border-box;transition:background-color .2s}[data-template=midnight-archive] .copy-btn:hover{background-color:rgba(255,255,255,.12)}[data-template=midnight-archive] [data-section=rsvp] .section-header,[data-template=midnight-archive] [data-section=wishes] .section-header{align-items:flex-start;text-align:left;width:100%}[data-template=midnight-archive] [data-section=rsvp] .section-header__title,[data-template=midnight-archive] [data-section=wishes] .section-header__title{text-align:left;width:100%}[data-template=midnight-archive] [data-section=rsvp] .section-subtitle,[data-template=midnight-archive] [data-section=wishes] .section-subtitle{text-align:left;align-self:flex-start;width:100%}[data-template=midnight-archive] .form-neo{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;max-width:342px;width:100%;box-sizing:border-box;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:18px;text-align:left;box-shadow:var(--shadow)}[data-template=midnight-archive] .form-field{display:flex;flex-direction:column;gap:8px;width:100%}[data-template=midnight-archive] .form-label{font-family:var(--font-body);font-size:13px;font-weight:600;color:#ffffff;text-align:left;display:block;margin:0}[data-template=midnight-archive] .form-input{width:100%;height:44px;background:var(--color-input-bg);border:1px solid var(--color-border-input);border-radius:var(--radius-md);padding:0 16px;color:#ffffff;font-family:var(--font-body);font-size:14px;box-sizing:border-box;outline:none;transition:border-color .2s,background-color .2s}[data-template=midnight-archive] .form-input:focus{border-color:var(--color-border-focus);background-color:rgba(255,255,255,.12)}[data-template=midnight-archive] .radio-group{display:flex;flex-direction:column;gap:8px;width:100%}[data-template=midnight-archive] .radio-option{height:44px;background:var(--color-input-bg);border:1px solid var(--color-border-input);border-radius:var(--radius-md);padding:0 16px;display:flex;align-items:center;gap:12px;color:#ffffff;font-family:var(--font-body);font-size:14px;cursor:pointer;box-sizing:border-box;transition:all .2s}[data-template=midnight-archive] .radio-option.checked,[data-template=midnight-archive] .radio-option:has(input:checked){border-color:#ffffff;background:rgba(255,255,255,.15);font-weight:600}[data-template=midnight-archive] .radio-option input[type=radio]{accent-color:#ffffff;width:16px;height:16px}[data-template=midnight-archive] .number-selector{display:flex;align-items:center;justify-content:space-between;height:44px;background:var(--color-input-bg);border:1px solid var(--color-border-input);border-radius:var(--radius-md);padding:0 8px;box-sizing:border-box;width:100%}[data-template=midnight-archive] .num-btn{width:32px;height:32px;border-radius:var(--radius-sm);background:rgba(255,255,255,.12);border:1px solid var(--color-border-input);color:#ffffff;font-family:var(--font-body);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}[data-template=midnight-archive] .num-btn:hover{background:rgba(255,255,255,.25)}[data-template=midnight-archive] .num-val{font-family:var(--font-body);font-size:15px;font-weight:600;color:#ffffff;min-width:30px;text-align:center}[data-template=midnight-archive] [data-section=rsvp] .btn-neo{background:var(--color-accent);color:var(--color-accent-text);height:48px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;font-weight:700;width:100%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin-top:4px}[data-template=midnight-archive] [data-section=wishes] .form-neo{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;max-width:342px;width:100%;box-sizing:border-box;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:16px;text-align:left;box-shadow:var(--shadow)}[data-template=midnight-archive] .form-textarea{width:100%;min-height:110px;background:var(--color-input-bg);border:1px solid var(--color-border-input);border-radius:var(--radius-md);padding:14px;color:#ffffff;font-family:var(--font-body);font-size:14px;box-sizing:border-box;outline:none;resize:vertical;transition:border-color .2s,background-color .2s}[data-template=midnight-archive] .form-textarea:focus{border-color:var(--color-border-focus);background-color:rgba(255,255,255,.12)}[data-template=midnight-archive] [data-section=wishes] .btn-neo{background:var(--color-accent);color:var(--color-accent-text);height:44px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;font-weight:700;width:100%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box}[data-template=midnight-archive] .ucapan-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:342px;margin:18px auto 0;max-height:360px;overflow-y:auto;padding:4px;background:transparent!important;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;text-align:left;box-sizing:border-box}[data-template=midnight-archive] .ucapan-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;box-sizing:border-box;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:8px;text-align:left;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:transform .2s ease}[data-template=midnight-archive] .ucapan-item:hover{transform:translateY(-2px)}[data-template=midnight-archive] .ucapan-header{display:flex;justify-content:space-between;align-items:baseline;width:100%;gap:12px}[data-template=midnight-archive] .ucapan-item .author{font-family:var(--font-body);font-size:14px;font-weight:700;color:#ffffff;flex-grow:1}[data-template=midnight-archive] .ucapan-item .time{font-family:var(--font-body);font-size:11px;font-weight:400;color:var(--color-ink-muted);text-align:right;white-space:nowrap;margin-left:auto;opacity:.85}[data-template=midnight-archive] .ucapan-item .text{font-family:var(--font-body);font-size:13px;font-weight:400;color:#ffffff;line-height:1.5;margin:0}[data-template=midnight-archive] .footer-neo,[data-template=midnight-archive] [data-section=footer]{width:100%!important;max-width:100%!important;margin:0!important;background:transparent!important;background-color:transparent!important;position:relative;z-index:2;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0 0;box-sizing:border-box;text-align:center;gap:16px}[data-template=midnight-archive] .footer-neo>:not(.footer-credit-wrap){max-width:342px;width:100%;padding-left:20px;padding-right:20px;box-sizing:border-box}[data-template=midnight-archive] .footer-love-container{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:2px}[data-template=midnight-archive] .footer-love-btn{position:relative;background:transparent;border:none;padding:6px;margin:0;cursor:pointer;color:rgba(255,255,255,.88);display:flex;align-items:center;justify-content:center;border-radius:9999px;outline:none;-webkit-tap-highlight-color:transparent;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),color .3s ease}[data-template=midnight-archive] .footer-love-btn:hover{transform:scale(1.15);color:#ffffff}[data-template=midnight-archive] .footer-love-btn:active{transform:scale(.9)}[data-template=midnight-archive] .footer-love-svg{width:32px;height:32px;display:block;transition:fill .3s ease,stroke .3s ease,transform .3s cubic-bezier(.175,.885,.32,1.275)}[data-template=midnight-archive] .footer-love-btn.is-liked{color:#ff4d79}[data-template=midnight-archive] .footer-love-btn.is-liked .footer-love-svg{fill:#ff4d79;stroke:#ff4d79;filter:drop-shadow(0 0 14px rgba(255,77,121,.65))}@keyframes playfulHeartPop{0%{transform:scale(1)}25%{transform:scale(.72)}50%{transform:scale(1.42)}75%{transform:scale(.92)}to{transform:scale(1)}}[data-template=midnight-archive] .footer-love-btn.is-bursting .footer-love-svg{animation:playfulHeartPop .65s cubic-bezier(.175,.885,.32,1.275) forwards}[data-template=midnight-archive] .love-burst{position:absolute;inset:0;pointer-events:none;overflow:visible}@keyframes floatHeart1{0%{opacity:1;transform:translate(0) scale(.6) rotate(0deg)}to{opacity:0;transform:translate(-22px,-42px) scale(1.2) rotate(-25deg)}}@keyframes floatHeart2{0%{opacity:1;transform:translate(0) scale(.8) rotate(0deg)}to{opacity:0;transform:translateY(-52px) scale(1.3) rotate(15deg)}}@keyframes floatHeart3{0%{opacity:1;transform:translate(0) scale(.6) rotate(0deg)}to{opacity:0;transform:translate(22px,-40px) scale(1.1) rotate(30deg)}}[data-template=midnight-archive] .burst-heart{position:absolute;left:50%;top:50%;color:#ff4d79;font-size:16px;user-select:none;text-shadow:0 0 10px rgba(255,77,121,.8)}[data-template=midnight-archive] .burst-heart.b1{animation:floatHeart1 .85s cubic-bezier(.16,1,.3,1) forwards}[data-template=midnight-archive] .burst-heart.b2{animation:floatHeart2 .95s cubic-bezier(.16,1,.3,1) forwards}[data-template=midnight-archive] .burst-heart.b3{animation:floatHeart3 .8s cubic-bezier(.16,1,.3,1) forwards}[data-template=midnight-archive] .footer-neo h3{font-family:var(--font-display);font-size:clamp(34px,9vw,46px);font-weight:400;color:#ffffff;margin:0;line-height:1.15;text-shadow:0 2px 16px rgba(0,0,0,.75)}[data-template=midnight-archive] .footer-message{font-family:var(--font-body);font-size:14px;font-weight:400;color:#ffffff;text-align:center;line-height:1.6;margin:0;text-shadow:0 2px 14px rgba(0,0,0,.75)}[data-template=midnight-archive] .footer-music-credit{font-family:var(--font-body);font-size:11px;font-weight:400;color:var(--color-ink-muted);display:inline-flex;align-items:center;justify-content:center;gap:6px;opacity:.8;margin:6px 0 0;text-align:center}[data-template=midnight-archive] .footer-music-credit svg{opacity:.8;flex-shrink:0}[data-template=midnight-archive] .footer-credit-wrap{width:100%!important;max-width:100%!important;background:#000000!important;background-color:#000000!important;display:flex;justify-content:flex-start;align-items:center;margin-top:40px;min-height:92px;padding:24px 76px 24px 20px;box-sizing:border-box;border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:10}[data-template=midnight-archive] .footer-credit-badge{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-decoration:none!important;padding:0!important;opacity:.9;cursor:pointer;transition:opacity .25s ease,transform .25s ease}[data-template=midnight-archive] .footer-credit-badge:hover{background:transparent!important;border:none!important;opacity:1;transform:translateY(-1px)}[data-template=midnight-archive] .footer-credit-prefix{font-family:var(--font-body);font-size:11px;font-weight:300;letter-spacing:.03em;color:rgba(255,255,255,.58);line-height:1.3;transition:color .25s ease}[data-template=midnight-archive] .footer-credit-badge:hover .footer-credit-prefix{color:rgba(255,255,255,.85)}[data-template=midnight-archive] .footer-brand-name{font-family:var(--font-body);font-size:13.5px;font-weight:600;letter-spacing:-.02em;color:#ffffff;line-height:1.3}[data-template=midnight-archive] .footer-brand-digital{font-family:var(--font-serif);font-style:italic;font-weight:400;color:#fcd34d}[data-template=midnight-archive] .footer-credit{display:none}@keyframes musicPulseGlow{0%,to{box-shadow:0 4px 16px rgba(0,0,0,.5),0 0 0 0 rgba(255,255,255,.35)}50%{box-shadow:0 4px 20px rgba(0,0,0,.5),0 0 0 7px rgba(255,255,255,0)}}[data-template=midnight-archive] .music-btn{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:9999px;background:rgba(14,14,20,.6);border:1px solid #ffffff;color:#ffffff;display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:musicPulseGlow 2.5s ease-in-out infinite;transition:transform .2s ease}[data-template=midnight-archive] .music-btn:hover{transform:scale(1.08)}@media (prefers-reduced-motion:reduce){[data-template=midnight-archive] .acara-card,[data-template=midnight-archive] .invitation-content,[data-template=midnight-archive] .love-item,[data-template=midnight-archive] .mempelai-grid>div,[data-template=midnight-archive] .music-btn,[data-template=midnight-archive] [data-section] .section-canvas{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}