*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17342e;background:#f6f4ee}button,input,textarea,select{font:inherit}a{text-decoration:none;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:14px;padding:.85rem 1.1rem;font-weight:750;cursor:pointer;transition:.2s;background:#fff;color:#24453d}.btn:hover{transform:translateY(-1px)}.btn.primary{background:#1d5a4b;color:#fff}.btn.secondary{border-color:#cad8d3;background:#fff}.btn.glass{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.45);color:#fff;backdrop-filter:blur(8px)}.btn.danger{color:#b42318;border-color:#f2c6c2}.btn.whatsapp{background:#e9f9ef;color:#16723a}.btn.wide{width:100%}.btn.small{padding:.58rem .8rem;border-radius:10px}.btn.tiny{padding:.4rem .58rem;border-radius:9px;font-size:.8rem}.text-link{color:#1d5a4b;font-weight:700}.muted{color:#74817d}.tiny{font-size:.78rem}.eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.75rem;color:#7b8e86}.eyebrow.light{color:rgba(255,255,255,.82)}h1,h2,p{margin-top:0}.notice{padding:.85rem 1rem;border-radius:12px;background:#eef2f1}.notice.success{background:#e8f7ed;color:#166534}.notice.danger{background:#fdeceb;color:#a52a22}.stack{display:grid;gap:1rem}label{display:grid;gap:.42rem;font-weight:700;color:#3b4f49}input,textarea,select{width:100%;border:1px solid #d6dfdc;background:#fff;border-radius:12px;padding:.82rem .9rem;outline:none}input:focus,textarea:focus,select:focus{border-color:#1d5a4b;box-shadow:0 0 0 3px rgba(29,90,75,.1)}small{font-weight:500;color:#7b8884}.login-page,.install-page,.result-page{min-height:100vh;display:grid;place-items:center;padding:1.25rem;background:radial-gradient(circle at top,#edf5ef,#f5f2e9 55%)}.login-card,.install-card,.result-card{width:min(460px,100%);background:#fff;padding:2rem;border-radius:26px;box-shadow:0 24px 70px rgba(21,57,48,.12);text-align:center}.brand-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#1d5a4b;color:#fff;font-weight:900;margin:0 auto 1rem}.result-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 1rem;font-size:2rem;background:#fff3cd}.result-icon.success{background:#e5f7ea;color:#15803d}.admin-body{background:#f4f6f5;color:#1f332d}.admin-header{position:sticky;top:0;z-index:30;height:74px;background:rgba(255,255,255,.96);border-bottom:1px solid #e3e8e6;display:flex;align-items:center;padding:0 1.2rem;gap:1.5rem}.admin-brand{display:flex;align-items:center;gap:.75rem;min-width:190px}.admin-brand>span{width:42px;height:42px;border-radius:13px;background:#1d5a4b;color:#fff;display:grid;place-items:center;font-weight:900}.admin-brand div{display:grid}.admin-brand small{font-size:.7rem}.admin-nav{display:flex;gap:.35rem;flex:1}.admin-nav button{border:0;background:transparent;padding:.72rem .9rem;border-radius:10px;font-weight:750;color:#697872;cursor:pointer}.admin-nav button.active{background:#eaf2ef;color:#1d5a4b}.admin-actions{display:flex;gap:.75rem}.icon-link{font-weight:700;color:#4f625c}.admin-main{width:min(1320px,calc(100% - 2rem));margin:1.5rem auto 4rem}.tab-panel{display:none}.tab-panel.active{display:block}.page-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:1.2rem}.page-title h1{font-size:clamp(1.65rem,3vw,2.4rem);margin:0}.page-title select{width:auto;min-width:260px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.metric-grid article,.panel-card{background:#fff;border:1px solid #e2e8e5;border-radius:20px;padding:1.25rem;box-shadow:0 8px 30px rgba(31,65,55,.04)}.metric-grid article{display:grid;gap:.3rem}.metric-grid strong{font-size:1.9rem}.metric-grid span{font-weight:700;color:#6f7f79}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel-card h2{font-size:1.15rem}.quick-actions,.button-row,.row-actions{display:flex;gap:.7rem;flex-wrap:wrap}.copy-row{display:flex;gap:.5rem;margin-top:.4rem}.copy-row input{flex:1}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.table-toolbar input{max-width:420px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th,td{text-align:left;padding:.85rem;border-bottom:1px solid #edf0ef;vertical-align:middle}th{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:#7a8984}td strong,td small{display:block}.status{display:inline-flex;padding:.35rem .58rem;border-radius:999px;background:#eef1f0;font-size:.75rem;font-weight:800;text-transform:capitalize}.status.success{background:#e7f8ec;color:#146c34}.status.danger{background:#fdeceb;color:#a12821}.status.info{background:#e7f1fb;color:#1c5f98}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.span-2{grid-column:span 2}.form-footer{display:flex;justify-content:flex-end}.card-heading{display:flex;justify-content:space-between;align-items:center}.schedule-admin{display:grid;gap:.7rem}.schedule-admin>div{display:grid;grid-template-columns:90px 1fr 32px;gap:.7rem;align-items:center;padding:.7rem;background:#f7f9f8;border-radius:12px}.delete-schedule{border:0;background:#fee;color:#a22;width:28px;height:28px;border-radius:8px;cursor:pointer}.connection-card{display:flex;align-items:center;justify-content:space-between;border:1px solid #e1e7e5;padding:1rem;border-radius:14px}.connection-card div{display:grid}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #edf0ef}.switch-row input{display:none}.switch-row i{width:48px;height:28px;background:#cfd8d5;border-radius:30px;position:relative;transition:.2s}.switch-row i:before{content:"";position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;top:3px;left:3px;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.2s}.switch-row input:checked+i{background:#1d5a4b}.switch-row input:checked+i:before{transform:translateX(20px)}.toast{position:fixed;right:1.2rem;top:88px;z-index:100;background:#1d5a4b;color:#fff;padding:.85rem 1rem;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.16)}.toast.danger{background:#a72822}.modal[hidden]{display:none}.modal{position:fixed;inset:0;background:rgba(10,24,20,.62);z-index:80;display:grid;place-items:center;padding:1rem}.modal-card{position:relative;background:#fff;width:min(520px,100%);max-height:90vh;overflow:auto;border-radius:24px;padding:1.5rem;box-shadow:0 20px 70px rgba(0,0,0,.25)}.modal-close{position:absolute;right:1rem;top:1rem;width:36px;height:36px;border:0;border-radius:50%;background:#eef1f0;font-size:1.4rem;cursor:pointer}.invite-body{background:#e9eee9;color:#203c34}.invite-shell{width:min(860px,100%);margin:auto;background:#fff;box-shadow:0 0 70px rgba(19,57,45,.14);min-height:100vh}.hero-section{position:relative;min-height:690px;display:flex;align-items:end;overflow:hidden;background:#305e50}.hero-image,.hero-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-placeholder{display:grid;place-items:center;align-content:center;color:#fff;background:linear-gradient(145deg,#426e60,#173e33);font-size:1.5rem}.hero-placeholder small{color:rgba(255,255,255,.72)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,25,19,.06),rgba(7,25,19,.76) 80%)}.hero-content{position:relative;color:#fff;padding:4rem clamp(1.25rem,6vw,4rem);width:100%;text-align:center}.hero-content h1{font-family:Georgia,serif;font-size:clamp(2.5rem,8vw,5.2rem);line-height:1.02;margin:.5rem 0 1.2rem}.personal-invite{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);padding:.55rem .8rem;border-radius:999px}.hero-meta,.hero-buttons{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.hero-meta i{width:4px;height:4px;border-radius:50%;background:#fff}.hero-buttons{margin-top:1.5rem}.invite-section{padding:clamp(3rem,8vw,5.5rem) clamp(1.25rem,7vw,5rem);text-align:center}.intro-section{background:#fbfaf6}.ornament{font-size:1.5rem;color:#af8e4e}.invitation-copy{font-family:Georgia,serif;font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.8;max-width:680px;margin:auto}.guest-name{font-size:1.25rem;font-weight:800;color:#1d5a4b;margin-top:1.5rem}.invite-section h2{font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:500}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.detail-grid article{border:1px solid #e3e8e5;border-radius:18px;padding:1.3rem;display:grid;gap:.4rem}.detail-grid span{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#7c8c86}.countdown{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.countdown div{min-width:90px;background:#1d5a4b;color:#fff;padding:1rem;border-radius:16px;display:grid}.countdown strong{font-size:1.8rem}.countdown span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.map-section{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;text-align:left;background:#eef3ef}.map-qr{width:190px;height:190px;border-radius:16px;background:#fff;padding:.55rem}.schedule-section{background:#183f34;color:#fff}.schedule-section .eyebrow{color:#a8c0b7}.timeline{max-width:620px;margin:auto;display:grid}.timeline article{display:grid;grid-template-columns:110px 1fr;gap:1.4rem;text-align:left;padding:1.2rem 0;border-bottom:1px solid rgba(255,255,255,.15)}.timeline time{color:#d8c48d;font-weight:800}.public-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:650px;margin:auto;text-align:left}.gift-section{background:#fbf5e9}.gift-icon{font-size:3rem;color:#b09255}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.gallery-grid figure{margin:0}.gallery-grid img{width:100%;aspect-ratio:1/1.15;object-fit:cover;border-radius:16px}.gallery-grid figcaption{font-size:.8rem;margin-top:.3rem}.hosts-section{background:#f2f6f3}.hosts-section p{line-height:1.9}.invite-footer{padding:2rem;text-align:center;background:#102d25;color:#fff;display:grid;gap:.25rem}.mobile-dock{display:none}.gift-modal{text-align:center}.amount-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.amount-grid button{border:1px solid #d7dfdc;background:#fff;border-radius:12px;padding:.8rem;cursor:pointer;font-weight:800}.amount-grid button.selected{background:#1d5a4b;color:#fff;border-color:#1d5a4b}.music-toggle{position:fixed;right:1rem;top:1rem;z-index:60;width:48px;height:48px;border:0;border-radius:50%;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.18);font-size:1.3rem}.music-toggle.playing{animation:pulse 1.5s infinite}@keyframes pulse{50%{transform:scale(1.08)}}.slideshow-body{margin:0;background:#071712;color:#fff;overflow:hidden}.slide{position:fixed;inset:0;opacity:0;transition:opacity 1s;display:grid;place-items:center;background:radial-gradient(circle at top,#2e5d4e,#081b15)}.slide.active{opacity:1;z-index:2}.slide img,.slide video{width:100%;height:100%;object-fit:contain}.slide-title{text-align:center;padding:2rem}.slide-title small{text-transform:uppercase;letter-spacing:.2em;color:#d5c18a}.slide-title h1{font-family:Georgia,serif;font-size:clamp(3rem,8vw,8rem);max-width:1200px}.slide-caption{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.4);padding:.7rem 1rem;border-radius:10px}.slide-controls{position:fixed;z-index:10;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem}.slide-controls button{width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:1.2rem;backdrop-filter:blur(8px)}.empty{text-align:center;color:#7f8d88;padding:2rem}
@media(max-width:900px){.admin-header{height:auto;flex-wrap:wrap;padding:.75rem}.admin-nav{order:3;width:100%;overflow:auto}.admin-nav button{white-space:nowrap}.metric-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.admin-actions{margin-left:auto}.detail-grid{grid-template-columns:1fr}.map-section{grid-template-columns:1fr;text-align:center}.map-qr{margin:auto}.gallery-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.admin-main{width:min(100% - 1rem,1320px)}.admin-brand{min-width:0}.admin-brand div{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:.6rem}.metric-grid article{padding:1rem}.metric-grid strong{font-size:1.45rem}.form-grid,.public-form{grid-template-columns:1fr}.span-2{grid-column:auto}.page-title{align-items:flex-start;gap:1rem;flex-direction:column}.page-title select{width:100%;min-width:0}.hero-section{min-height:610px}.hero-content{padding-bottom:5.5rem}.invite-section{padding-bottom:4.5rem}.countdown div{min-width:75px}.map-qr{width:160px;height:160px}.timeline article{grid-template-columns:85px 1fr}.gallery-grid{grid-template-columns:1fr 1fr}.mobile-dock{position:fixed;display:flex;bottom:.7rem;left:50%;transform:translateX(-50%);z-index:50;background:#fff;border:1px solid #dde5e2;border-radius:16px;box-shadow:0 10px 35px rgba(0,0,0,.18);padding:.35rem;width:min(92%,430px)}.mobile-dock>*{flex:1;text-align:center;border:0;background:transparent;padding:.75rem;font-weight:800;color:#1d5a4b}.amount-grid{grid-template-columns:1fr 1fr}}

.page-actions{display:flex;gap:.7rem;align-items:center}.soft-rule{border:0;border-top:1px solid #e6ebe9;margin:1.2rem 0}.media-admin{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:1rem}.media-admin figure{margin:0;position:relative;background:#f2f5f4;border-radius:12px;overflow:hidden}.media-admin img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.media-admin figcaption{padding:.45rem;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-admin button{position:absolute;top:.4rem;right:.4rem;border:0;border-radius:8px;background:rgba(136,24,19,.88);color:#fff;padding:.35rem .5rem;cursor:pointer}.password-card{margin-top:1rem}.confirm-card{text-align:center;max-width:430px}.confirm-actions{display:flex;justify-content:center;gap:.7rem;margin-top:1.2rem}
@media(max-width:640px){.page-actions{width:100%;flex-direction:column;align-items:stretch}.page-actions select{width:100%}.media-admin{grid-template-columns:repeat(2,1fr)}}

/* Anda Dijemput v1.1.0 — landing, MP3 library and YouTube */
.landing-body{margin:0;background:#f5f7f6;color:#172b25}.landing-header{position:sticky;top:0;z-index:70;height:76px;display:flex;align-items:center;gap:2rem;padding:0 clamp(1rem,5vw,4.5rem);background:rgba(255,255,255,.92);border-bottom:1px solid #e4e9e7;backdrop-filter:blur(16px)}.landing-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.landing-brand>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#1d5a4b;color:#fff;font-weight:900}.landing-brand div{display:grid}.landing-brand small{color:#75837e}.landing-header nav{display:flex;gap:1.5rem;margin-left:auto}.landing-header nav a{color:#41534d;text-decoration:none;font-weight:700}.landing-hero{min-height:680px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:clamp(2rem,7vw,7rem);padding:clamp(4rem,8vw,7rem) clamp(1.25rem,6vw,6rem);overflow:hidden;background:radial-gradient(circle at 82% 20%,#dceae5 0,transparent 35%),linear-gradient(135deg,#fbfcfb,#eef4f1)}.landing-hero-copy{max-width:720px}.landing-hero h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(3.1rem,7vw,6.5rem);line-height:.98;letter-spacing:-.045em;margin:.65rem 0 1.4rem}.landing-lead{font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.75;color:#52645e;max-width:650px}.landing-actions,.landing-trust{display:flex;gap:.8rem;flex-wrap:wrap}.landing-actions{margin-top:2rem}.landing-trust{margin-top:1.5rem;color:#456057;font-size:.92rem;font-weight:700}.hero-phone-wrap{position:relative;min-height:540px;display:grid;place-items:center}.hero-phone{position:relative;width:min(330px,78vw);aspect-ratio:9/18.2;padding:13px;border-radius:48px;background:#121a17;box-shadow:0 45px 90px rgba(24,64,52,.28),inset 0 0 0 2px #38443f;transform:rotate(3deg)}.phone-notch{position:absolute;z-index:2;top:20px;left:50%;transform:translateX(-50%);width:110px;height:27px;border-radius:20px;background:#101512}.phone-screen{height:100%;border-radius:37px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:4rem 1.25rem 2.1rem;color:#fff;background:linear-gradient(180deg,rgba(9,24,18,.05),rgba(9,24,18,.78)),radial-gradient(circle at 50% 22%,#b9d1c8,#477665 48%,#173b30);overflow:hidden}.phone-screen p{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em}.phone-screen h2{font-family:Georgia,serif;font-size:2.5rem;line-height:1.05;margin:.5rem 0}.phone-screen span{opacity:.86}.phone-screen button{border:0;border-radius:999px;background:#fff;color:#1d5a4b;padding:.8rem 1.25rem;font-weight:800}.phone-pills{display:flex;gap:.45rem;margin:2rem 0}.phone-pills i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.65)}.floating-card{position:absolute;background:#fff;border:1px solid #dfe7e4;border-radius:18px;padding:1rem 1.1rem;display:grid;box-shadow:0 18px 45px rgba(29,73,60,.16)}.floating-card small{color:#75837e}.fc-one{left:0;top:18%}.fc-two{right:0;bottom:17%}.landing-section{padding:clamp(4rem,8vw,7rem) clamp(1.25rem,6vw,6rem)}.section-heading{text-align:center;max-width:760px;margin:0 auto 2.7rem}.section-heading h2{font-family:Georgia,serif;font-size:clamp(2.35rem,5vw,4.2rem);line-height:1.08;font-weight:500;margin:.4rem 0 .8rem}.section-heading>p:last-child{color:#65766f;font-size:1.05rem}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;max-width:1240px;margin:auto}.template-card{background:#fff;border:1px solid #e2e8e5;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px rgba(30,66,55,.07)}.template-preview{position:relative;min-height:320px;display:grid;place-items:center;background:#edf2ef}.template-preview.sage{background:linear-gradient(145deg,#eef5f1,#c7ddd4)}.template-preview.rose{background:linear-gradient(145deg,#fff3f5,#e8c3cb)}.template-preview.ivory{background:linear-gradient(145deg,#fffdf5,#e7dcc2)}.template-preview.midnight{background:linear-gradient(145deg,#17253a,#07101f)}.template-preview.blush{background:linear-gradient(145deg,#fff5ed,#efd3c0)}.template-preview.heritage{background:linear-gradient(145deg,#f4ead8,#aa7d51)}.template-badge{position:absolute;top:1rem;left:1rem;background:#fff;color:#263832;border-radius:999px;padding:.4rem .65rem;font-size:.72rem;font-weight:900;box-shadow:0 6px 16px rgba(0,0,0,.08)}.mini-phone{width:128px;aspect-ratio:9/18;border:8px solid #151a18;border-radius:25px;padding:5px;background:#fff;box-shadow:0 18px 38px rgba(0,0,0,.22)}.mini-phone>div{height:100%;border-radius:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:.7rem;background:rgba(255,255,255,.82)}.mini-phone strong{font-family:Georgia,serif;font-size:1.05rem;margin:.35rem 0}.mini-phone small,.mini-phone em{font-size:.55rem;letter-spacing:.08em}.template-info{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.15rem}.template-info h3{margin:0}.template-info p{margin:.22rem 0 0;color:#75837e}.feature-section{background:#183f34;color:#fff}.feature-section .eyebrow{color:#bdd1ca}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:1240px;margin:auto}.feature-grid article{min-height:220px;padding:1.5rem;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.055)}.feature-grid span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#d8c48d;color:#183f34;font-weight:900}.feature-grid h3{font-size:1.3rem;margin:1rem 0 .55rem}.feature-grid p{color:#cbd9d4;line-height:1.65}.price-section{background:#eef4f1}.price-card{max-width:1060px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:3rem;align-items:center;background:#fff;border:1px solid #dde6e2;border-radius:32px;padding:clamp(1.6rem,5vw,4rem);box-shadow:0 25px 70px rgba(24,65,52,.12)}.price-card h2{font-family:Georgia,serif;font-size:clamp(2.5rem,5vw,4.4rem);font-weight:500;margin:.4rem 0}.price-card ul{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.7rem}.price-card li:before{content:'✓';font-weight:900;color:#1d5a4b;margin-right:.65rem}.price-box{border-radius:25px;padding:1.7rem;background:#183f34;color:#fff;text-align:center;display:grid;gap:.5rem}.price-box strong{font-size:4.7rem;line-height:1}.price-box sup{font-size:1.15rem;vertical-align:top;margin-right:.2rem}.price-box .btn{margin-top:1rem}.price-box .text-link{color:#d8e4df}.steps{max-width:1160px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.steps article{padding:1.4rem;border-top:3px solid #1d5a4b;background:#fff;border-radius:0 0 18px 18px}.steps b{font-size:1.6rem;color:#1d5a4b}.steps h3{margin:.7rem 0 .3rem}.steps p{color:#71817b}.landing-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:2.2rem clamp(1.25rem,6vw,6rem);background:#102d25;color:#fff}.landing-footer div{display:grid}.landing-footer a{color:#fff}.package-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem 1.2rem;border:1px solid #cfe0da;border-radius:16px;background:#edf6f2}.package-banner div{display:flex;align-items:center;gap:.8rem}.package-banner span{font-weight:800}.package-banner strong{background:#1d5a4b;color:#fff;border-radius:999px;padding:.45rem .7rem}.package-banner p{margin:0;color:#50655e}.youtube-frame,.youtube-admin-preview{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:20px;background:#0c1512}.youtube-frame{max-width:760px;margin:1.7rem auto 0}.youtube-frame iframe,.youtube-admin-preview iframe,.slide-youtube iframe{width:100%;height:100%;border:0}.youtube-admin-preview{border-radius:14px}.choice-divider{display:flex;align-items:center;gap:.8rem;color:#8a9893}.choice-divider:before,.choice-divider:after{content:'';height:1px;flex:1;background:#e2e8e5}.current-audio{padding:1rem;border:1px solid #dfe7e4;border-radius:16px;background:#f7faf8;display:grid;gap:.75rem}.current-audio>div{display:grid}.current-audio audio{width:100%}.inline-check{display:flex!important;align-items:center;gap:.5rem!important;font-weight:700}.inline-check input{width:auto!important}.music-library-list{display:grid;gap:.7rem;margin-top:1rem}.music-library-list>div{display:grid;grid-template-columns:minmax(180px,1fr) minmax(120px,.65fr) auto;gap:.7rem;align-items:center;padding:.75rem;border:1px solid #e2e8e5;border-radius:14px}.music-library-list audio{width:100%;height:36px}.version-box{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem;padding:1rem;border-radius:14px;background:#f2f6f4}.music-toggle{width:auto!important;min-width:58px;height:54px!important;padding:.35rem .65rem!important;border-radius:18px!important;display:grid;place-items:center}.music-toggle span{font-size:1.2rem;line-height:1}.music-toggle small{font-size:.62rem;color:#1d5a4b;font-weight:800}.slide-youtube{width:min(90vw,1200px);aspect-ratio:16/9}.video-section{background:#f3f6f4}
@media(max-width:980px){.landing-header nav{display:none}.landing-hero{grid-template-columns:1fr;min-height:auto;text-align:center}.landing-hero-copy{margin:auto}.landing-actions,.landing-trust{justify-content:center}.hero-phone-wrap{min-height:500px}.template-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-card{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.landing-header{height:68px;padding:.55rem .8rem}.landing-brand div{display:none}.landing-hero{padding-top:3.4rem}.landing-hero h1{font-size:3.35rem}.hero-phone-wrap{min-height:430px}.hero-phone{width:235px;border-radius:36px}.phone-screen{border-radius:27px}.fc-one{left:-.2rem;top:20%}.fc-two{right:-.2rem;bottom:12%}.floating-card{padding:.7rem;font-size:.78rem}.template-grid,.feature-grid,.steps{grid-template-columns:1fr}.template-preview{min-height:285px}.price-card{padding:1.2rem;border-radius:24px}.price-box strong{font-size:4rem}.landing-footer{align-items:flex-start;flex-direction:column}.package-banner{align-items:flex-start;flex-direction:column}.music-library-list>div{grid-template-columns:1fr}.music-library-list audio{width:100%}}
.detail-actions{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap;margin-top:1.4rem}.guestbook-section{background:#f8f2e7}.guestbook-form{margin-bottom:2rem}.guestbook-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:760px;margin:2rem auto 0;text-align:left}.guestbook-list article{padding:1.25rem;border:1px solid #e4dac6;border-radius:18px;background:#fff}.guestbook-list p{font-family:Georgia,serif;font-size:1.08rem;line-height:1.65;margin:0 0 1rem}.guestbook-list strong,.guestbook-list small{display:block}.guestbook-list small{color:#7b8984;margin-top:.2rem}.guestbook-admin-card{margin-top:1rem}.wish-message{max-width:520px;white-space:normal;line-height:1.5}.print-body{margin:0;background:#e9eeeb;color:#1f342d}.print-toolbar{position:sticky;top:0;z-index:5;display:flex;justify-content:center;gap:.7rem;padding:.8rem;background:rgba(255,255,255,.94);border-bottom:1px solid #dde5e1}.print-card{width:min(820px,calc(100% - 2rem));margin:2rem auto;padding:3rem;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(25,58,48,.14);text-align:center}.print-hero{width:100%;max-height:500px;object-fit:cover;border-radius:18px;margin-bottom:2rem}.print-card h1{font-family:Georgia,serif;font-size:clamp(2.5rem,7vw,5rem);font-weight:500;margin:.4rem 0 1.2rem}.print-invite{font-family:Georgia,serif;font-size:1.25rem;line-height:1.8}.print-details{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.print-details>div{display:grid;gap:.35rem;padding:1rem;border:1px solid #e0e7e4;border-radius:14px}.print-details span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#77857f}.print-card section{margin-top:2rem}.print-schedule{display:grid;grid-template-columns:120px 1fr;gap:1rem;text-align:left;padding:.65rem;border-bottom:1px solid #e8ecea}.print-schedule time{font-weight:800}.print-qr{display:grid;place-items:center;gap:.5rem;margin-top:2rem}.print-qr img{width:170px}.client-access-card{margin-top:1rem}
@media(max-width:640px){.guestbook-list{grid-template-columns:1fr}.print-card{padding:1.2rem}.print-details{grid-template-columns:1fr}.print-schedule{grid-template-columns:90px 1fr}}
@media print{.print-body{background:#fff}.print-toolbar{display:none}.print-card{width:100%;margin:0;padding:0;box-shadow:none;border-radius:0}.print-hero{max-height:360px}.print-card h1{font-size:42pt}.print-invite{font-size:14pt}.print-qr img{width:120px}.print-details{break-inside:avoid}.print-card section{break-inside:avoid}}
.hero-placeholder:before{content:'✦';position:absolute;top:22%;left:50%;transform:translateX(-50%);font-size:4rem;color:rgba(255,255,255,.12)}
/* Anda Dijemput v1.2.0 — dynamic content builder and real templates */
.content-builder{display:grid;gap:1rem;margin:1rem 0}.builder-heading{display:flex;justify-content:space-between;gap:1rem;align-items:end}.builder-heading h2{margin:0 0 .25rem}.builder-heading p{margin:0;color:#6f7d78}.builder-section{background:#fff;border:1px solid #dfe7e4;border-radius:20px;overflow:hidden;box-shadow:0 7px 22px rgba(24,62,51,.05)}.builder-section.is-off,.builder-item.is-off{opacity:.58}.builder-section>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.1rem;background:#f8faf9;border-bottom:1px solid #e7ecea}.builder-section h3{margin:.18rem 0;font-size:1.1rem}.builder-section header p{margin:0;color:#77847f;font-size:.86rem}.section-kind{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#80918a;font-weight:850}.builder-order,.item-order{display:grid;gap:.25rem}.builder-order button,.item-order button{width:30px;height:27px;border:1px solid #d9e2df;border-radius:8px;background:#fff;color:#3f5c53;cursor:pointer}.builder-actions,.row-actions{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.builder-items{padding:.8rem 1rem 1rem;display:grid;gap:.65rem}.builder-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.8rem;border:1px solid #e5ebe8;border-radius:14px;background:#fff}.builder-item small,.builder-item strong,.builder-item p{display:block;margin:0}.builder-item p{color:#708079;font-size:.86rem;margin-top:.2rem}.add-item-inline{border:1px dashed #a7beb5;border-radius:12px;background:#f5faf7;color:#1d5a4b;padding:.8rem;font-weight:800;cursor:pointer}.design-note{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:1rem 1.2rem;margin-bottom:1rem;border-radius:15px;background:#eef5f2;color:#4c6259}.client-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.client-template-card{background:#fff;border:1px solid #e0e7e4;border-radius:20px;overflow:hidden;box-shadow:0 8px 26px rgba(26,62,51,.06)}.client-template-card.selected{border:2px solid #1d5a4b;box-shadow:0 0 0 4px rgba(29,90,75,.09)}.template-art{height:280px;position:relative;display:grid;place-items:center;overflow:hidden}.template-art>span{position:absolute;top:.8rem;left:.8rem;z-index:2;padding:.35rem .55rem;border-radius:999px;background:rgba(255,255,255,.92);font-size:.68rem;font-weight:900}.template-phone{position:relative;z-index:1;width:120px;aspect-ratio:9/17;border:7px solid #151916;border-radius:24px;background:rgba(255,255,255,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:.6rem;box-shadow:0 18px 34px rgba(0,0,0,.2)}.template-phone small{font-size:.53rem;text-transform:uppercase;letter-spacing:.08em}.template-phone strong{font-family:Georgia,serif;font-size:.9rem;margin:.4rem 0}.template-phone i{font-size:.55rem}.template-copy{padding:1rem;display:grid;gap:.8rem}.template-copy small{color:#708079;text-transform:uppercase;letter-spacing:.08em}.template-copy h3{margin:.15rem 0}.template-copy p{margin:0;color:#6f7d78;line-height:1.45;font-size:.88rem}.template-actions{display:flex;gap:.45rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.template-art-rose-classic{background:radial-gradient(circle at 10% 10%,#fff 0 4%,transparent 5%),linear-gradient(145deg,#fff1f4,#dca9b5)}.template-art-rose-classic:after{content:'✿';position:absolute;font-size:10rem;color:rgba(255,255,255,.28);right:-2rem;bottom:-3rem}.template-art-ivory-editorial{background:linear-gradient(90deg,#f7f1df 0 48%,#d0c3a5 48%)}.template-art-borneo-heritage{background:repeating-linear-gradient(45deg,#a05c39 0 8px,#d19a65 8px 16px,#f1dec0 16px 24px)}.template-art-borneo-heritage:after{content:'';position:absolute;inset:18px;border:2px solid rgba(255,255,255,.75)}.template-art-midnight-gold{background:radial-gradient(circle at center,#24314a,#07101e 70%)}.template-art-midnight-gold .template-phone{background:#101725;color:#d9c58c;border-color:#d9c58c}.template-art-confetti-pop{background:#fff3cf;background-image:radial-gradient(#f56c77 3px,transparent 4px),radial-gradient(#4da9d7 3px,transparent 4px);background-size:35px 35px;background-position:0 0,18px 18px}.template-art-pastel-party{background:linear-gradient(135deg,#ffd8e3 0 33%,#d9e7ff 33% 66%,#fff0c4 66%)}.template-art-nur-sakinah{background:#e6f1e9;background-image:linear-gradient(30deg,rgba(24,91,68,.12) 12%,transparent 12.5%,transparent 87%,rgba(24,91,68,.12) 87.5%)}.template-art-baby-cloud{background:linear-gradient(#bfe2ff,#eff8ff)}.template-art-baby-cloud:after{content:'☁  ☁';position:absolute;bottom:1rem;color:#fff;font-size:4rem}.template-art-legacy-blue{background:linear-gradient(145deg,#19345d,#5378a8)}.template-art-legacy-blue .template-phone{border-radius:8px}.template-art-memory-film{background:#202020;background-image:linear-gradient(90deg,transparent 8%,#fff 8% 12%,transparent 12% 88%,#fff 88% 92%,transparent 92%);background-size:38px 100%}.template-art-memory-film .template-phone{border-color:#ece3c8}.template-art-reunion-green{background:linear-gradient(145deg,#d9f4df,#5ca775)}.template-art-reunion-green:after{content:'● ● ●';position:absolute;color:rgba(255,255,255,.55);font-size:5rem;transform:rotate(-18deg)}.template-art-corporate-modern{background:linear-gradient(120deg,#eef2f5 0 58%,#2d5273 58%)}.compact-records{display:grid;gap:.65rem}.compact-records>article{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start;padding:.75rem;border:1px solid #e4eae7;border-radius:12px}.compact-records p{margin:.2rem 0 0;color:#75817d;font-size:.85rem}.choice-emphasis{padding:.9rem;border:1px solid #dccda0;border-radius:14px;background:#fffaf0}.choice-emphasis span{display:grid}.choice-emphasis small{font-weight:500}.dynamic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.4rem;text-align:left}.dynamic-item{padding:1rem;border:1px solid rgba(41,83,70,.14);border-radius:16px;background:rgba(255,255,255,.76);display:grid;gap:.35rem}.dynamic-item>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:#76877f}.dynamic-item strong{font-size:1.05rem}.dynamic-item p{margin:0;line-height:1.65}.dynamic-item ul{margin:.2rem 0 0;padding-left:1.2rem;display:grid;gap:.35rem}.dynamic-item.type-textarea,.dynamic-item.type-list{grid-column:1/-1}.dynamic-item.type-highlight{grid-column:1/-1;text-align:center;background:#1d5a4b;color:#fff}.dynamic-item.type-highlight>span{color:rgba(255,255,255,.72)}.section-subtitle{max-width:650px;margin:-.8rem auto 1.5rem;color:#6f7c77;line-height:1.6}.hero-media{position:absolute;inset:0}.hero-event-title{display:block;margin-bottom:.5rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:rgba(255,255,255,.86)}
/* Real public template layouts */
.invite-body{--si-accent:#1d5a4b;--si-ink:#17342e;--si-soft:#f6f4ee;--si-panel:#fff}.invite-body .btn.primary{background:var(--si-accent)}.invite-body .eyebrow{color:color-mix(in srgb,var(--si-accent) 72%,#777)}.invite-body .invite-shell{background:var(--si-panel)}
.template-rose-classic{--si-accent:#8f4054;--si-ink:#493039;--si-soft:#fff4f6;--si-panel:#fffdfd;background:#f4e7ea}.template-rose-classic .hero-section{min-height:760px;border-radius:0 0 48% 48%/0 0 9% 9%}.template-rose-classic .hero-overlay{background:linear-gradient(0deg,rgba(58,18,31,.75),rgba(58,18,31,.05) 65%)}.template-rose-classic .hero-content{text-align:center;max-width:760px;margin:auto}.template-rose-classic .hero-content h1{font-family:Georgia,serif;font-style:italic}.template-rose-classic .intro-section{background:radial-gradient(circle at 0 0,#f5dce2,transparent 28%),#fff}.template-rose-classic .details-section,.template-rose-classic .guestbook-section{background:#fff5f7}.template-rose-classic .detail-grid article{border-radius:50px 50px 18px 18px}
.template-ivory-editorial{--si-accent:#695c3e;--si-ink:#2e2b22;--si-soft:#f4f0e5;--si-panel:#fffdf8;background:#e7e0d0}.template-ivory-editorial .invite-shell{width:min(1080px,100%)}.template-ivory-editorial .hero-section{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;background:#f5f0e4}.template-ivory-editorial .hero-media{position:relative;grid-column:1;grid-row:1}.template-ivory-editorial .hero-overlay{display:none}.template-ivory-editorial .hero-content{position:relative;grid-column:2;grid-row:1;color:#2f2b22;display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:left}.template-ivory-editorial .hero-content .light,.template-ivory-editorial .hero-meta,.template-ivory-editorial .hero-event-title{color:#766d58}.template-ivory-editorial .hero-content h1{font-family:Georgia,serif;color:#2f2b22}.template-ivory-editorial .btn.glass{color:#61583f;border-color:#a99e84;background:transparent}.template-ivory-editorial .invite-section{text-align:left}.template-ivory-editorial .invite-section>h2,.template-ivory-editorial .invite-section>.eyebrow,.template-ivory-editorial .section-subtitle{text-align:left;margin-left:0}.template-ivory-editorial .detail-actions{justify-content:flex-start}.template-ivory-editorial .intro-section{text-align:center}
.template-borneo-heritage{--si-accent:#7a3f27;--si-ink:#402b20;--si-soft:#f3e3c8;--si-panel:#fffaf0;background:#4c2a1d}.template-borneo-heritage .invite-shell{border-left:12px solid #7a3f27;border-right:12px solid #c89659}.template-borneo-heritage .hero-section:after{content:'';position:absolute;inset:18px;border:2px solid rgba(240,205,151,.72);z-index:2;pointer-events:none}.template-borneo-heritage .hero-overlay{background:linear-gradient(0deg,rgba(62,30,18,.86),rgba(62,30,18,.2))}.template-borneo-heritage .invite-section{background-image:linear-gradient(45deg,rgba(122,63,39,.035) 25%,transparent 25%,transparent 75%,rgba(122,63,39,.035) 75%);background-size:28px 28px}.template-borneo-heritage .invite-section h2{font-family:Georgia,serif;color:#6c351f}.template-borneo-heritage .timeline article{border-left-color:#c89659}
.template-midnight-gold{--si-accent:#c9a957;--si-ink:#eadfbf;--si-soft:#0a111d;--si-panel:#101826;background:#060b13;color:#eadfbf}.template-midnight-gold .invite-shell{box-shadow:0 0 90px rgba(201,169,87,.14)}.template-midnight-gold .hero-overlay{background:linear-gradient(0deg,#0a111d 0,rgba(8,14,24,.35) 70%)}.template-midnight-gold .invite-section{background:#101826;color:#eadfbf;border-top:1px solid rgba(201,169,87,.18)}.template-midnight-gold .invite-section h2,.template-midnight-gold .dynamic-item strong{color:#f3e7c5}.template-midnight-gold .detail-grid article,.template-midnight-gold .dynamic-item,.template-midnight-gold .public-form,.template-midnight-gold .guestbook-list article{background:#151f30;border-color:rgba(201,169,87,.22);color:#eadfbf}.template-midnight-gold input,.template-midnight-gold textarea,.template-midnight-gold select{background:#0d1522;color:#fff;border-color:#3c4655}.template-midnight-gold .btn.secondary{background:transparent;color:#e3d5ae;border-color:#8b7643}.template-midnight-gold .invite-footer{background:#050910;color:#c9a957}
.template-confetti-pop{--si-accent:#e44e64;--si-ink:#30315a;--si-soft:#fff4ce;--si-panel:#fffef8;background:#fee8a7}.template-confetti-pop .invite-shell{border-radius:30px;overflow:hidden;margin:1.5rem auto}.template-confetti-pop .hero-section{min-height:650px;border-radius:0 0 55px 55px}.template-confetti-pop .hero-content h1{font-family:system-ui,sans-serif;font-weight:950;transform:rotate(-2deg)}.template-confetti-pop .invite-section{position:relative}.template-confetti-pop .invite-section:before{content:'●';position:absolute;left:4%;top:8%;color:#50a9d2;font-size:2rem}.template-confetti-pop .detail-grid article,.template-confetti-pop .dynamic-item{border:3px solid #30315a;box-shadow:6px 6px 0 #f2bf48;border-radius:24px}.template-confetti-pop .countdown>div{border-radius:50%}.template-confetti-pop .btn{border-radius:999px}
.template-pastel-party{--si-accent:#9a5b8f;--si-ink:#493c57;--si-soft:#f9eafa;--si-panel:#fffaff;background:linear-gradient(135deg,#fce2eb,#e5edff)}.template-pastel-party .hero-section{min-height:720px;margin:1.2rem;border-radius:38px;overflow:visible;background:#f7dfe9}.template-pastel-party .hero-media{inset:2rem 2rem 2rem 37%;transform:rotate(2deg);border:10px solid #fff;border-radius:28px;overflow:hidden;box-shadow:0 24px 50px rgba(88,61,92,.18)}.template-pastel-party .hero-overlay{background:linear-gradient(90deg,rgba(68,44,76,.8),transparent 70%)}.template-pastel-party .hero-content{max-width:55%;padding-left:3.5rem}.template-pastel-party .invite-section{border-radius:28px;margin:1rem;background:rgba(255,255,255,.8)}
.template-nur-sakinah{--si-accent:#17634b;--si-ink:#21483c;--si-soft:#eaf4ef;--si-panel:#fbfffd;background:#dfece6}.template-nur-sakinah .hero-section{min-height:700px;clip-path:polygon(0 0,100% 0,100% 92%,50% 100%,0 92%)}.template-nur-sakinah .hero-overlay{background:linear-gradient(0deg,rgba(11,63,47,.83),rgba(11,63,47,.12))}.template-nur-sakinah .invite-section{background-image:linear-gradient(30deg,rgba(23,99,75,.025) 12%,transparent 12.5%,transparent 87%,rgba(23,99,75,.025) 87.5%)}.template-nur-sakinah .detail-grid article,.template-nur-sakinah .dynamic-item{border-radius:4px 28px 4px 28px}
.template-baby-cloud{--si-accent:#4989b9;--si-ink:#35546d;--si-soft:#e9f6ff;--si-panel:#fafdff;background:#cce9fa}.template-baby-cloud .hero-section{min-height:660px;border-radius:0 0 50% 50%/0 0 8% 8%}.template-baby-cloud .hero-section:after{content:'☁';position:absolute;z-index:3;bottom:-35px;left:8%;font-size:8rem;color:#fff}.template-baby-cloud .hero-content h1{font-family:system-ui,sans-serif;font-weight:850}.template-baby-cloud .detail-grid article,.template-baby-cloud .dynamic-item{border-radius:30px;background:#fff;box-shadow:0 12px 30px rgba(73,137,185,.12)}
.template-legacy-blue{--si-accent:#244d78;--si-ink:#263b53;--si-soft:#edf2f7;--si-panel:#fff;background:#dde6ef}.template-legacy-blue .invite-shell{width:min(1050px,100%)}.template-legacy-blue .hero-section{min-height:620px}.template-legacy-blue .hero-content{text-align:left;max-width:900px;margin-left:0;border-left:5px solid #e1bf71;padding-left:2rem}.template-legacy-blue .hero-content h1{font-family:Georgia,serif}.template-legacy-blue .invite-section{text-align:left}.template-legacy-blue .invite-section>.eyebrow,.template-legacy-blue .invite-section>h2,.template-legacy-blue .section-subtitle{text-align:left;margin-left:0}.template-legacy-blue .detail-actions{justify-content:flex-start}.template-legacy-blue .detail-grid article{border-top:5px solid #244d78;border-radius:0 0 16px 16px}.template-legacy-blue .intro-section{text-align:center}
.template-memory-film{--si-accent:#c7a767;--si-ink:#ece6d8;--si-soft:#191919;--si-panel:#252525;background:#101010;color:#eee}.template-memory-film .invite-shell{border-left:24px solid #111;border-right:24px solid #111}.template-memory-film .invite-shell:before,.template-memory-film .invite-shell:after{content:'';position:fixed;top:0;bottom:0;width:12px;background:repeating-linear-gradient(#eee 0 12px,transparent 12px 25px);z-index:4}.template-memory-film .invite-shell:before{margin-left:-20px}.template-memory-film .invite-shell:after{margin-left:calc(min(860px,100vw) - 16px)}.template-memory-film .hero-overlay{background:linear-gradient(0deg,#222,transparent 75%)}.template-memory-film .invite-section{background:#252525;color:#eee;border-top:1px solid #444}.template-memory-film .detail-grid article,.template-memory-film .dynamic-item,.template-memory-film .guestbook-list article{background:#303030;border-color:#555;color:#eee}.template-memory-film .gallery-grid img{filter:sepia(.18) contrast(1.05)}.template-memory-film .btn.secondary{background:#333;color:#eee;border-color:#777}.template-memory-film input,.template-memory-film textarea,.template-memory-film select{background:#181818;color:#fff;border-color:#555}
.template-reunion-green{--si-accent:#34764a;--si-ink:#274633;--si-soft:#e9f5eb;--si-panel:#fbfffb;background:#d6ead9}.template-reunion-green .hero-section{min-height:610px;justify-content:center}.template-reunion-green .hero-content{max-width:680px;width:calc(100% - 4rem);background:rgba(18,76,42,.72);padding:2rem;border-radius:25px;margin:0 auto 2rem}.template-reunion-green .hero-overlay{background:linear-gradient(0deg,rgba(20,68,36,.48),rgba(20,68,36,.05))}.template-reunion-green .detail-grid{grid-template-columns:1fr 1fr 1fr}.template-reunion-green .detail-grid article,.template-reunion-green .dynamic-item{border-radius:18px;border-left:6px solid #65a879;text-align:left}
.template-corporate-modern{--si-accent:#275d80;--si-ink:#223b4c;--si-soft:#eef3f6;--si-panel:#fff;background:#dfe8ee}.template-corporate-modern .invite-shell{width:min(1120px,100%)}.template-corporate-modern .hero-section{min-height:600px;display:grid;grid-template-columns:1fr 1fr;background:#23475e}.template-corporate-modern .hero-media{position:relative;grid-column:2}.template-corporate-modern .hero-content{position:relative;grid-column:1;grid-row:1;padding:4rem;display:flex;flex-direction:column;justify-content:center;text-align:left}.template-corporate-modern .hero-overlay{grid-column:2;position:absolute}.template-corporate-modern .hero-content h1{font-family:system-ui,sans-serif;font-weight:850}.template-corporate-modern .invite-section{text-align:left}.template-corporate-modern .invite-section>.eyebrow,.template-corporate-modern .invite-section>h2,.template-corporate-modern .section-subtitle{text-align:left;margin-left:0}.template-corporate-modern .detail-actions{justify-content:flex-start}.template-corporate-modern .detail-grid article{border-radius:8px;border-top:4px solid #275d80}.template-corporate-modern .intro-section{text-align:center}
@media(max-width:1000px){.client-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-ivory-editorial .hero-section,.template-corporate-modern .hero-section{grid-template-columns:1fr}.template-ivory-editorial .hero-media,.template-corporate-modern .hero-media{position:absolute;inset:0;grid-column:1}.template-ivory-editorial .hero-overlay,.template-corporate-modern .hero-overlay{display:block;background:rgba(17,27,31,.58);inset:0}.template-ivory-editorial .hero-content,.template-corporate-modern .hero-content{grid-column:1;color:#fff;text-align:center;align-items:center;padding:2rem}.template-ivory-editorial .hero-content h1,.template-ivory-editorial .hero-content .light,.template-ivory-editorial .hero-meta,.template-ivory-editorial .hero-event-title{color:#fff}.template-ivory-editorial .btn.glass{color:#fff;border-color:#fff}.template-ivory-editorial .invite-section,.template-corporate-modern .invite-section{text-align:center}.template-ivory-editorial .invite-section>h2,.template-ivory-editorial .invite-section>.eyebrow,.template-ivory-editorial .section-subtitle,.template-corporate-modern .invite-section>h2,.template-corporate-modern .invite-section>.eyebrow,.template-corporate-modern .section-subtitle{text-align:center;margin-left:auto}.template-ivory-editorial .detail-actions,.template-corporate-modern .detail-actions{justify-content:center}}
@media(max-width:720px){.client-template-grid{grid-template-columns:1fr}.builder-section>header,.builder-item{grid-template-columns:auto minmax(0,1fr)}.builder-actions,.builder-item>.row-actions{grid-column:1/-1;justify-content:flex-start;padding-left:2.4rem}.dynamic-grid{grid-template-columns:1fr}.dynamic-item.type-textarea,.dynamic-item.type-list,.dynamic-item.type-highlight{grid-column:auto}.template-pastel-party .hero-section{margin:.5rem}.template-pastel-party .hero-media{inset:1rem;transform:none}.template-pastel-party .hero-overlay{background:linear-gradient(0deg,rgba(68,44,76,.85),transparent)}.template-pastel-party .hero-content{max-width:none;padding:1.5rem;text-align:center}.template-memory-film .invite-shell{border-left-width:10px;border-right-width:10px}.template-memory-film .invite-shell:before,.template-memory-film .invite-shell:after{display:none}.template-reunion-green .hero-content{width:calc(100% - 2rem);margin:0 auto 1rem}.template-legacy-blue .hero-content{text-align:center;border-left:0;border-bottom:4px solid #e1bf71;padding-left:1rem}.template-legacy-blue .invite-section{text-align:center}.template-legacy-blue .invite-section>.eyebrow,.template-legacy-blue .invite-section>h2,.template-legacy-blue .section-subtitle{text-align:center;margin-left:auto}.template-legacy-blue .detail-actions{justify-content:center}}
.dynamic-item-heading{grid-column:1/-1;padding:1rem 0 .35rem;border-bottom:1px solid rgba(41,83,70,.18)}.dynamic-item-heading span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#7b8983;font-weight:850}.dynamic-item-heading h3{margin:.3rem 0 0;font-family:Georgia,serif;font-size:1.5rem}

/* Anda Dijemput v1.3.0 — katalog templat berimej dan pratonton terasing */
.template-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;margin:1.5rem auto 2rem;max-width:1100px}.template-filter button{border:1px solid #d7e0dd;background:#fff;color:#49615a;border-radius:999px;padding:.65rem .95rem;font-weight:800;cursor:pointer}.template-filter button:hover,.template-filter button.active{background:#1d5a4b;color:#fff;border-color:#1d5a4b}.landing-template-grid{align-items:stretch}.catalog-template-card,.client-template-card{overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid #dfe7e4;border-radius:22px;box-shadow:0 14px 38px rgba(25,59,49,.08);min-width:0}.catalog-template-card[hidden]{display:none}.template-thumb-wrap{position:relative;aspect-ratio:4/5;background:#edf2f0;overflow:hidden}.template-thumb{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .35s ease}.catalog-template-card:hover .template-thumb,.client-template-card:hover .template-thumb{transform:scale(1.025)}.template-badge{position:absolute;left:.8rem;top:.8rem;background:#fff;color:#1d5a4b;border:1px solid rgba(29,90,75,.15);box-shadow:0 8px 20px rgba(0,0,0,.12);border-radius:999px;padding:.42rem .68rem;font-size:.72rem;font-weight:900}.catalog-template-info,.template-copy{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;flex:1;padding:1rem 1rem 1.1rem}.catalog-template-info h3,.template-copy h3{margin:.2rem 0 .35rem;font-size:1.15rem}.catalog-template-info p,.template-copy p{margin:0;color:#687973;line-height:1.45}.template-type-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.55rem 0}.template-type-chips span{font-size:.68rem;font-weight:800;background:#eef4f1;color:#355b50;border-radius:999px;padding:.32rem .48rem}.template-card-actions,.template-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:auto}.template-card-actions .btn,.template-actions .btn{width:100%}.template-empty{text-align:center;padding:2rem;color:#788984}.client-template-grid,.admin-template-grid{align-items:stretch}.client-template-card.selected{border:2px solid #1d5a4b;box-shadow:0 0 0 4px rgba(29,90,75,.1),0 14px 38px rgba(25,59,49,.09)}.client-template-card .template-thumb-wrap{aspect-ratio:4/5}.client-template-card .status{justify-content:center;min-height:34px}.template-preview-modal[hidden]{display:none}.template-preview-modal{position:fixed;inset:0;z-index:150;background:rgba(8,22,18,.76);display:grid;place-items:center;padding:1rem}.template-preview-dialog{width:min(1180px,100%);height:min(92vh,900px);background:#fff;border-radius:24px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;box-shadow:0 30px 100px rgba(0,0,0,.35)}.template-preview-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid #e7ecea}.template-preview-head>div:first-child{display:grid}.template-preview-head small{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#7d8d87}.template-preview-head strong{font-size:1.05rem}.template-preview-controls{display:flex;align-items:center;gap:.45rem}.template-preview-controls button{border:1px solid #d7e0dd;background:#fff;border-radius:10px;padding:.55rem .75rem;font-weight:800;cursor:pointer}.template-preview-controls button.active{background:#1d5a4b;color:#fff;border-color:#1d5a4b}#templatePreviewClose{font-size:1.35rem;line-height:1;width:38px;height:38px;padding:0}.template-preview-stage{background:#e5ece9;overflow:auto;display:flex;justify-content:center;padding:1rem;transition:.25s}.template-preview-stage iframe{border:0;background:#fff;box-shadow:0 16px 50px rgba(0,0,0,.18);transition:.25s}.template-preview-stage.mobile iframe{width:430px;max-width:100%;height:100%;min-height:760px;border-radius:26px}.template-preview-stage.desktop iframe{width:100%;height:100%;min-height:700px;border-radius:12px}.preview-open{overflow:hidden}
@media(max-width:900px){.landing-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-preview-controls button[data-preview-size="desktop"]{display:none}.template-preview-stage{padding:.5rem}.template-preview-dialog{height:96vh}}
@media(max-width:620px){.landing-template-grid,.client-template-grid,.admin-template-grid{grid-template-columns:1fr}.template-filter{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.4rem}.template-filter button{white-space:nowrap}.template-card-actions,.template-actions{grid-template-columns:1fr}.template-preview-modal{padding:0}.template-preview-dialog{height:100vh;border-radius:0}.template-preview-stage.mobile iframe{border-radius:0;min-height:100%}}

/* v1.4.1 — preview return bar and hero image editor */
.preview-return-bar{position:sticky;top:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:52px;padding:.65rem max(1rem,calc((100vw - 860px)/2 + 1rem));background:#102d25;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px rgba(5,20,15,.18)}.preview-return-bar a{display:inline-flex;align-items:center;gap:.55rem;color:#fff}.preview-return-bar a span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.12)}.preview-return-bar>span{font-size:.8rem;color:rgba(255,255,255,.74)}.preview-mode .music-toggle{top:66px}
.hero-upload-panel{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:1.25rem;padding:1.15rem;border:1px solid #dce6e2;border-radius:20px;background:linear-gradient(145deg,#f7faf8,#eef5f2)}.hero-upload-copy h3{font-size:1.25rem;margin:.1rem 0 .55rem}.hero-upload-copy p{color:#536961;margin-bottom:.8rem}.upload-specs{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .8rem;margin:.7rem 0 1rem;padding:0;list-style:none}.upload-specs li{padding:.55rem .65rem;border-radius:10px;background:#fff;border:1px solid #e1e8e5;font-size:.82rem}.hero-upload-workspace{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(190px,1fr);gap:1rem;align-items:start}.hero-upload-preview{--hero-preview-overlay:.48;position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:18px;background:#dfe8e4;border:1px dashed #aebfba;box-shadow:0 14px 34px rgba(24,65,52,.1)}.hero-upload-preview:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,27,21,.03),rgba(8,27,21,var(--hero-preview-overlay)))}.hero-upload-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.hero-upload-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:.35rem;padding:1rem;color:#5f746d}.hero-upload-empty span{font-size:.8rem}.hero-upload-controls{display:grid;gap:.8rem}.hero-file-label{border:1px solid #b7cbc4;background:#fff;border-radius:14px;padding:.85rem}.hero-file-label span{display:block;margin-bottom:.45rem}.hero-file-label input{padding:.65rem;background:#f7faf8}.hero-upload-controls input[type=range]{padding:0;accent-color:#1d5a4b}.hero-upload-controls output{float:right;color:#1d5a4b;font-weight:850}.hero-remove{padding:.7rem;border-radius:12px;background:#fff4f3;color:#9d2a24}.hero-remove input{width:auto}
@media(max-width:900px){.hero-upload-panel{grid-template-columns:1fr}.hero-upload-workspace{grid-template-columns:minmax(180px,280px) 1fr}}@media(max-width:620px){.preview-return-bar{position:sticky;padding:.55rem .75rem}.preview-return-bar>span{display:none}.hero-upload-workspace{grid-template-columns:1fr}.hero-upload-preview{max-width:320px;width:100%;margin:auto}.upload-specs{grid-template-columns:1fr}.hero-upload-panel{padding:.9rem}.preview-mode .music-toggle{top:62px}}

/* v1.4.1 — center bounded hero panel for reunion/open-house template */

/* Anda Dijemput v1.6.0 — checkout, onboarding and assisted workflow */
.checkout-body{margin:0;background:#f3f7f5;color:#17352d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.checkout-header{height:76px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dce8e3;position:sticky;top:0;z-index:20}.checkout-header>div:last-child{display:flex;flex-direction:column;align-items:flex-end}.checkout-header>div:last-child strong{font-size:1.35rem}.checkout-header>div:last-child small{color:#667b74}.checkout-shell{width:min(1120px,calc(100% - 32px));margin:40px auto 72px;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(460px,1.2fr);gap:28px;align-items:start}.checkout-summary,.checkout-card{background:#fff;border:1px solid #dbe7e2;border-radius:28px;box-shadow:0 18px 55px rgba(21,62,50,.08)}.checkout-summary{padding:24px;position:sticky;top:100px}.checkout-summary>img{width:100%;max-height:520px;object-fit:cover;border-radius:20px;background:#eef4f1}.checkout-summary>div{padding:20px 4px 4px}.checkout-summary h1{font-size:2rem;margin:6px 0 8px}.checkout-card{padding:clamp(24px,4vw,44px)}.checkout-heading{margin-bottom:26px}.checkout-heading h2{font-size:2rem;margin:6px 0 8px}.checkout-card .form-grid{gap:18px}.secure-note{font-size:.85rem;color:#6a7c76;text-align:center;margin:20px 0 0}.checkout-card .notice{margin-top:18px}
.purchase-welcome{margin-bottom:18px}.workflow-head{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.onboarding-card{background:linear-gradient(145deg,#fff,#f1f8f5);border:1px solid #d8e8e1;border-radius:24px;padding:26px;margin-bottom:22px;box-shadow:0 14px 40px rgba(29,76,61,.07)}.onboarding-summary{display:flex;justify-content:space-between;gap:28px;align-items:center}.onboarding-summary h2{margin:5px 0 8px}.progress-ring{--progress:0;flex:0 0 104px;height:104px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(#237b5d calc(var(--progress)*1%),#e1ece7 0);position:relative}.progress-ring:before{content:"";position:absolute;inset:9px;background:#fff;border-radius:50%}.progress-ring>*{position:relative;z-index:1}.progress-ring strong{font-size:1.35rem}.progress-ring span{font-size:.72rem;color:#6b7d76}.guide-progress{height:8px;border-radius:999px;background:#dfeae5;overflow:hidden;margin:20px 0}.guide-progress i{height:100%;display:block;background:#237b5d;border-radius:inherit}.guide-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.guide-step{border:1px solid #d8e6e0;background:#fff;border-radius:14px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;color:#314f46}.guide-step b{width:28px;height:28px;border-radius:50%;display:grid;place-content:center;background:#edf4f1}.guide-step.done{border-color:#8fc7b2;background:#f2fbf7}.guide-step.done b{background:#237b5d;color:#fff}.guide-step span{font-size:.78rem;text-align:center}.onboarding-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.support-history{margin-top:22px}.floating-help{position:fixed;right:24px;bottom:24px;z-index:45;border:0;border-radius:999px;background:#173f34;color:#fff;padding:12px 17px;box-shadow:0 12px 35px rgba(19,56,46,.25);font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px}.floating-help span{width:25px;height:25px;border-radius:50%;display:grid;place-content:center;background:rgba(255,255,255,.18)}
.platform-overview{display:grid;gap:20px;margin-bottom:22px}.platform-metrics{margin:0}.invitation-monitor,.support-admin{margin:0}.invitation-monitor table small,.support-admin table small{display:block;color:#6e8079;margin-top:4px}.modal-wide{width:min(820px,calc(100vw - 32px));max-width:820px}.admin-main .platform-overview .panel-card{overflow:hidden}.support-admin .table-wrap{max-height:420px;overflow:auto}.status.danger{background:#fff0f1;color:#a32635}.result-icon.danger{background:#feecef;color:#a82f3d}
@media (max-width:900px){.checkout-shell{grid-template-columns:1fr}.checkout-summary{position:static;display:grid;grid-template-columns:180px 1fr;gap:18px}.checkout-summary>img{height:240px}.guide-steps{grid-template-columns:repeat(3,1fr)}}
@media (max-width:620px){.checkout-header{height:66px;padding:0 16px}.checkout-header .landing-brand small{display:none}.checkout-shell{width:min(100% - 20px,1120px);margin:18px auto 90px}.checkout-summary{display:block;padding:14px;border-radius:20px}.checkout-summary>img{height:auto;max-height:430px}.checkout-card{padding:22px 16px;border-radius:20px}.checkout-card .form-grid{grid-template-columns:1fr}.checkout-card .span-2{grid-column:auto}.onboarding-summary{align-items:flex-start}.progress-ring{flex-basis:82px;height:82px}.guide-steps{grid-template-columns:repeat(2,1fr)}.onboarding-actions .btn{width:100%}.floating-help{right:14px;bottom:82px}.workflow-head{justify-content:flex-start}.page-actions{width:100%}.page-actions .btn,.page-actions select{flex:1;min-width:0}}

/* v1.6.0 — kawalan kerja pelanggan */
.workflow-control-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:20px 0;background:linear-gradient(135deg,#f8fbfa,#eef7f3);border:1px solid rgba(27,101,77,.14)}
.workflow-control-copy{max-width:720px}.workflow-control-copy h2{margin:4px 0 8px}.workflow-control-copy p{margin:0 0 8px}.workflow-control-copy small{color:var(--muted,#64736d)}
.workflow-control-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:560px}
@media(max-width:900px){.workflow-control-card{align-items:flex-start;flex-direction:column}.workflow-control-actions{justify-content:flex-start;max-width:none}}
.mini-progress{width:120px;max-width:100%;height:6px;margin:7px 0 3px;background:#e4ece8;border-radius:999px;overflow:hidden}.mini-progress i{display:block;height:100%;background:#207b5c;border-radius:inherit}