:root{--krem: #fbf6f1;--kertas: #ffffff;--tinta: #2a2430;--tinta-lembut: #6d6472;--garis: #ece2d8;--marun: #8b3d63;--marun-tua: #6d2c4c;--emas: #c9a24a;--hijau: #3f7d5c;--kuning: #b47b16;--merah: #b3453f;--r: 18px;--bayang: 0 10px 30px rgba(64, 40, 56, .08);--bayang-kecil: 0 4px 14px rgba(64, 40, 56, .07)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--krem);color:var(--tinta);font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Georgia,Times New Roman,serif;line-height:1.2;margin:0 0 8px;letter-spacing:-.01em}h1{font-size:clamp(1.7rem,4.6vw,2.5rem)}h2{font-size:clamp(1.3rem,3.4vw,1.8rem)}h3{font-size:1.06rem}p{margin:0 0 10px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.aplikasi{min-height:100vh;display:flex;flex-direction:column;padding-bottom:84px}.kepala{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:12px clamp(14px,4vw,40px);background:#fbf6f1e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--garis)}.merek{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;text-align:left}.merek-tanda{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,var(--marun),var(--emas));color:#fff8f0;font-size:1.15rem}.merek-teks{display:flex;flex-direction:column;line-height:1.15}.merek-teks strong{font-size:.98rem;letter-spacing:.01em}.merek-teks small{color:var(--tinta-lembut);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.nav-atas{display:none;gap:4px;margin-left:14px}.nav-tombol{border:0;background:transparent;padding:8px 14px;border-radius:999px;color:var(--tinta-lembut);font-size:.92rem}.nav-tombol:hover{background:#f3e9e0}.nav-tombol.aktif{background:#fff;color:var(--marun);box-shadow:var(--bayang-kecil);font-weight:600}.tombol-admin{margin-left:auto;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--garis);background:#fff;padding:8px 14px;border-radius:999px;font-size:.88rem;font-weight:600;color:var(--tinta-lembut)}.tombol-admin .titik{width:7px;height:7px;border-radius:50%;background:var(--emas)}.tombol-admin.masuk{color:var(--hijau);border-color:#cde2d5;background:#f2faf5}.tombol-admin.masuk .titik{background:var(--hijau)}.isi{flex:1;width:100%}.bagian{max-width:1120px;margin:0 auto;padding:clamp(26px,5vw,52px) clamp(14px,4vw,40px)}.bagian-kepala{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.bagian-sub{color:var(--tinta-lembut);max-width:60ch;margin:0;font-size:.95rem}.pil{display:inline-block;background:linear-gradient(120deg,var(--marun),var(--marun-tua));color:#fff3e8;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:12px;font-weight:600}.pil.lembut{background:#f4e6dd;color:var(--marun-tua)}.hero{max-width:1120px;margin:0 auto;padding:clamp(24px,5vw,56px) clamp(14px,4vw,40px) clamp(20px,3vw,32px);display:grid;gap:30px;align-items:center}.hero h1 em{font-style:italic;color:var(--marun)}.hero-sub{color:var(--tinta-lembut);max-width:52ch;font-size:1rem}.hero-aksi{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 16px}.hero-poin{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:0;color:var(--tinta-lembut);font-size:.86rem}.hero-poin li:before{content:"✓";color:var(--hijau);margin-right:6px;font-weight:700}.hero-sisi{position:relative;display:flex;justify-content:center}.contoh-undangan{width:min(320px,100%);background:linear-gradient(160deg,#fffdfb,#f6ece3);border:1px solid var(--garis);border-radius:26px;padding:26px 22px;text-align:center;box-shadow:var(--bayang)}.contoh-atas{font-size:.68rem;letter-spacing:.32em;text-transform:uppercase;color:var(--emas);font-weight:700}.contoh-nama{font-family:Georgia,serif;font-size:1.7rem;color:var(--marun-tua);margin:10px 0 6px}.contoh-tanggal{font-size:.82rem;letter-spacing:.24em;color:var(--tinta-lembut)}.contoh-kotak{display:grid;place-items:center;height:120px;margin:16px 0 10px;border-radius:18px;background:radial-gradient(circle at 30% 20%,#f7e4ea,#e7d2c4);font-size:2rem;color:var(--marun)}.contoh-bawah{font-size:.72rem;color:var(--tinta-lembut);letter-spacing:.06em}.kartu-melayang{position:absolute;right:4px;bottom:-6px;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:var(--bayang);display:flex;flex-direction:column;max-width:170px}.kartu-melayang strong{font-size:1.2rem;color:var(--marun)}.kartu-melayang small{font-size:.7rem;color:var(--tinta-lembut);line-height:1.35}.banner-lanjut{max-width:1040px;margin:0 auto 8px;padding:16px 18px;border-radius:var(--r);background:linear-gradient(120deg,#fff6ee,#f7e7ea);border:1px solid var(--garis);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;width:calc(100% - clamp(28px,8vw,80px))}.banner-lanjut p{margin:2px 0 0;color:var(--tinta-lembut);font-size:.88rem}.banner-aksi{display:flex;flex-wrap:wrap;gap:8px}.chip-baris{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:18px;scrollbar-width:none}.chip-baris::-webkit-scrollbar{display:none}.chip-pilih{flex:0 0 auto;border:1px solid var(--garis);background:#fff;padding:7px 15px;border-radius:999px;font-size:.86rem;color:var(--tinta-lembut)}.chip-pilih.aktif{background:var(--marun);border-color:var(--marun);color:#fff5ec;font-weight:600}.chip{display:inline-block;background:#f4ece4;color:var(--marun-tua);font-size:.7rem;padding:3px 9px;border-radius:999px;letter-spacing:.05em;text-transform:uppercase;font-weight:600}.kisi-tema{display:grid;grid-template-columns:1fr;gap:18px}.kartu-tema{background:var(--kertas);border:1px solid var(--garis);border-radius:var(--r);overflow:hidden;box-shadow:var(--bayang-kecil);display:flex;flex-direction:column}.pratinjau{position:relative;aspect-ratio:16 / 10;display:grid;place-items:center;color:#fff;overflow:hidden}.pratinjau-motif{position:absolute;font-size:7rem;opacity:.18;right:-8px;bottom:-24px}.pratinjau-teks{text-align:center;z-index:1;padding:12px}.pratinjau-teks small{display:block;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;opacity:.85}.pratinjau-teks strong{display:block;font-family:Georgia,serif;font-size:1.5rem;margin:6px 0}.pratinjau-garis{display:block;width:54px;height:1px;background:#fff9;margin:0 auto 6px}.pratinjau-teks em{font-size:.7rem;opacity:.85}.pita-favorit{position:absolute;top:10px;left:10px;background:#ffffffeb;color:var(--marun-tua);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px}.kartu-isi{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}.kartu-isi p{color:var(--tinta-lembut);font-size:.88rem;margin:0;flex:1}.kartu-kaki{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:10px;padding-top:12px;border-top:1px dashed var(--garis)}.harga{display:flex;flex-direction:column;line-height:1.2}.harga small{color:var(--tinta-lembut);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.harga strong{font-size:1.12rem;color:var(--marun-tua)}.kisi-unggulan{display:grid;grid-template-columns:1fr;gap:14px}.kartu-unggulan{background:#fff;border:1px solid var(--garis);border-radius:var(--r);padding:18px}.unggulan-ikon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f7ebe3;color:var(--marun);font-size:1.1rem;margin-bottom:10px}.kartu-unggulan p{margin:0;color:var(--tinta-lembut);font-size:.88rem}.pita-cta{max-width:1040px;margin:0 auto 10px;width:calc(100% - clamp(28px,8vw,80px));background:linear-gradient(125deg,#7c3355,#a75c72 60%,#c9a24a);color:#fff6ec;border-radius:24px;padding:clamp(20px,4vw,32px);display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.pita-cta h2{color:#fff}.pita-cta p{margin:0;opacity:.9;font-size:.92rem}.pita-aksi{display:flex;flex-wrap:wrap;gap:8px}.tombol{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid transparent;padding:11px 18px;font-size:.92rem;font-weight:600;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.tombol:active{transform:scale(.985)}.tombol.besar{padding:13px 22px;font-size:.98rem}.tombol.kecil{padding:9px 15px;font-size:.85rem}.tombol.utama{background:linear-gradient(125deg,var(--marun),var(--marun-tua));color:#fff6ee;box-shadow:0 8px 20px #8b3d6338}.tombol.utama:hover{box-shadow:0 10px 24px #8b3d634d}.tombol.utama:disabled{opacity:.6;box-shadow:none}.tombol.garis{background:#fff;border-color:var(--garis);color:var(--tinta)}.tombol.garis:hover{border-color:#dccbbd}.tombol.terang{background:#fff7ef;color:var(--marun-tua)}.tombol.terang-garis{background:transparent;border-color:#fff9;color:#fff6ec}.bayar-kepala{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.lencana-baris{display:flex;gap:6px;flex-wrap:wrap}.bayar-kisi{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}.panel{background:#fff;border:1px solid var(--garis);border-radius:var(--r);padding:18px;box-shadow:var(--bayang-kecil);margin-bottom:14px}.panel.tengah{text-align:center}.panel-judul{font-size:1.02rem;margin-bottom:12px}.total-besar{font-family:Georgia,serif;font-size:clamp(1.7rem,6vw,2.2rem);color:var(--marun-tua);margin-bottom:14px}.rincian-baris{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--garis);font-size:.9rem}.rincian-baris span{color:var(--tinta-lembut)}.aksen{color:var(--kuning)!important}.aksen-ok{color:var(--hijau)!important}.petunjuk{color:var(--tinta-lembut);font-size:.85rem;margin:12px 0}.qr-bingkai{display:grid;place-items:center;background:#fff;border:1px solid var(--garis);border-radius:16px;padding:12px;margin:4px auto 12px;max-width:300px}.qr-bingkai img{width:100%;height:auto;display:block;border-radius:6px}.qr-muat{color:var(--tinta-lembut);font-size:.88rem;min-height:220px}.qr-kosong{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 8px;color:var(--tinta-lembut)}.qr-ikon{font-size:2.2rem;color:#cdb9a8}.qr-kosong strong{color:var(--tinta)}.panel-lunas{display:flex;gap:14px;align-items:flex-start;background:#f3faf5;border-color:#cfe6d8}.lunas-ikon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:50%;background:var(--hijau);color:#fff;font-size:1.2rem}.panel-lunas h2{font-size:1.1rem;color:#245c3b}.panel-lunas p{color:#3c6b50;font-size:.9rem}.dua-kolom{display:grid;grid-template-columns:1fr;gap:12px}.unggah{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.pratinjau-bukti{max-width:110px;border-radius:10px;border:1px solid var(--garis)}.bukti-admin{width:100%;max-width:220px;border-radius:10px;border:1px solid var(--garis);margin:10px 0}.lencana{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.bayar-belum{background:#f4f0ec;color:#6d6472}.bayar-dicek{background:#fdf3e0;color:var(--kuning)}.bayar-lunas{background:#e9f6ee;color:#2f6b48}.kerja-baru{background:#f1edf7;color:#5b4a78}.kerja-desain{background:#e8f1fa;color:#2f5d80}.kerja-revisi{background:#fdf0e6;color:#a4622a}.kerja-selesai{background:#e9f6ee;color:#2f6b48}.tumpuk{display:flex;flex-direction:column;gap:12px}.tumpuk-sempit{display:flex;flex-direction:column;gap:10px;max-width:380px;margin:0 auto;width:100%}.kartu-pesanan{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--garis);border-radius:var(--r);padding:14px 16px;box-shadow:var(--bayang-kecil)}.kartu-pesanan:hover{border-color:#dccbbd}.kartu-pesanan-atas{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.kartu-pesanan-atas strong{display:block;font-size:.98rem;letter-spacing:.02em}.kartu-pesanan-atas small{color:var(--tinta-lembut);font-size:.8rem}.kartu-pesanan-bawah{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.total-kecil{font-weight:700;color:var(--marun-tua)}.kartu-waktu{margin-left:auto;color:var(--tinta-lembut);font-size:.76rem}.kerangka{min-height:96px;border-radius:var(--r);background:linear-gradient(100deg,#f2eae2 20%,#f9f4ef,#f2eae2 60%);background-size:200% 100%;animation:kilau 1.3s linear infinite;border:0}@keyframes kilau{0%{background-position:180% 0}to{background-position:-20% 0}}.kosong{text-align:center;padding:clamp(28px,6vw,48px) 18px;background:#fff;border:1px dashed #e2d3c5;border-radius:var(--r)}.kosong-ikon{font-size:1.8rem;color:#cdb9a8;margin-bottom:8px}.kosong p{color:var(--tinta-lembut);max-width:44ch;margin:0 auto 16px;font-size:.92rem}.bidang{display:flex;flex-direction:column;gap:6px}.bidang>span{font-size:.8rem;font-weight:600;color:var(--tinta-lembut);letter-spacing:.02em}.bidang input,.bidang select,.bidang textarea{width:100%;border:1px solid var(--garis);background:#fdfaf7;border-radius:12px;padding:11px 13px;font-size:.94rem;outline:none;transition:border-color .12s ease,background .12s ease}.bidang input:focus,.bidang select:focus,.bidang textarea:focus{border-color:#c9a2b6;background:#fff;box-shadow:0 0 0 3px #8b3d631a}.bidang textarea{resize:vertical}.kecil-bidang{min-width:130px;flex:1}.kecil-bidang select{padding:9px 10px;font-size:.88rem}.tombol-baris{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-top:10px}.pesan-galat{color:var(--merah);font-size:.85rem;margin:0}.kecil{color:var(--tinta-lembut);font-size:.8rem}.kecil-tengah{color:var(--tinta-lembut);font-size:.8rem;text-align:center;margin:0}.cari-kode{display:flex;gap:8px}.cari-kode input{flex:1;border:1px solid var(--garis);border-radius:12px;padding:11px 13px;background:#fdfaf7;text-transform:uppercase}.kotak-info{background:#f7f2ec;border-radius:12px;padding:12px 14px;margin:10px 0;font-size:.88rem}.kotak-info p{margin:2px 0 0;color:var(--tinta-lembut)}.kotak-info.kuning{background:#fdf3e0;border:1px solid #f2dfb8}.kotak-info.kuning strong{color:var(--kuning)}.ringkas-tema{display:flex;gap:12px;align-items:center;padding:10px;background:#faf5f0;border-radius:12px}.ringkas-warna{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;color:#fff;font-size:1.2rem;flex:0 0 auto}.ringkas-tema strong{display:block;font-size:.95rem}.ringkas-tema small{color:var(--tinta-lembut);font-size:.8rem}.pita-galat{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;background:#fdeceb;color:#8f3730;padding:10px 16px;font-size:.86rem}.pita-galat button{border:1px solid #e2b6b2;background:#fff;color:#8f3730;border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:600}.tirai{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#261c2873;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;padding:0}.dialog{background:var(--krem);width:100%;max-width:520px;max-height:92vh;border-radius:22px 22px 0 0;display:flex;flex-direction:column;box-shadow:0 -10px 40px #1e142340;animation:naik .22s ease-out}@keyframes naik{0%{transform:translateY(18px);opacity:.6}to{transform:translateY(0);opacity:1}}.dialog-kepala{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:18px 18px 10px;border-bottom:1px solid var(--garis)}.dialog-kepala h2{font-size:1.15rem;margin:0}.dialog-sub{margin:4px 0 0;color:var(--tinta-lembut);font-size:.84rem}.tombol-ikon{border:1px solid var(--garis);background:#fff;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:var(--tinta-lembut);flex:0 0 auto}.dialog-isi{padding:16px 18px 22px;overflow-y:auto}.nav-bawah{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--garis);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.nav-bawah-tombol{flex:1;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:.68rem;color:var(--tinta-lembut);border-radius:12px}.nav-bawah-tombol .ikon{font-size:1.05rem;line-height:1}.nav-bawah-tombol.aktif{color:var(--marun);font-weight:700}.kaki{text-align:center;padding:22px 16px 28px;color:var(--tinta-lembut);font-size:.82rem;border-top:1px solid var(--garis);margin-top:20px}.kaki p{margin:2px 0}.kaki-kecil{font-size:.74rem;opacity:.8}.toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%);z-index:80;max-width:min(92vw,420px);padding:11px 16px;border-radius:12px;font-size:.86rem;box-shadow:var(--bayang);animation:naik .2s ease-out}.toast.ok{background:#2f6b48;color:#f2fbf5}.toast.gagal{background:#8f3730;color:#fdf1ef}@media (min-width: 720px){.kisi-tema,.kisi-unggulan{grid-template-columns:repeat(2,1fr)}.dua-kolom,.bayar-kisi{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1.15fr .85fr}.tirai{align-items:center;padding:24px}.dialog{border-radius:22px;max-height:86vh}}@media (min-width: 1000px){.nav-atas{display:flex}.nav-bawah{display:none}.aplikasi{padding-bottom:0}.kisi-tema{grid-template-columns:repeat(3,1fr)}.kisi-unggulan{grid-template-columns:repeat(4,1fr)}.toast{bottom:26px}}