:root{--ink:#1C0E20;--plum:#3E1039;--cream:#FFF7EE;--paper:#241531;--blush:#FFD6EC;--pink:#FF1D86;--pink-deep:#C00E6E;--pink-glow:#FF8FD4;--accent:#FFC738;--accent-deep:#C98600;--muted:#FFFFFF;--muted-2:#FFFFFF;--bg:#150C19;--max: 1280px;--font-display: "Lilita One", "Plus Jakarta Sans", sans-serif;--font-ui: "Plus Jakarta Sans", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Plus Jakarta Sans,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}.wrap{max-width:var(--max);margin:0 auto;padding:0 26px}h1,h2,h3{font-family:var(--font-ui);font-weight:800;margin:0;letter-spacing:-.6px}.display{font-family:var(--font-display);font-weight:400;letter-spacing:.2px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--pink);outline-offset:3px}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.nav{position:sticky;top:0;z-index:50;padding:10px 0 0}.nav-inner{width:fit-content;max-width:100%;margin:0 auto;padding:8px 10px 8px 20px;display:flex;align-items:center;justify-content:center;gap:20px;background:#1c0e20d1;backdrop-filter:blur(14px);border-radius:var(--ds-s-bulat,100px);box-shadow:0 10px 30px #0006}.nav-logo{height:26px;width:auto;flex:none}.nav-menu{display:flex;align-items:center;gap:20px;margin:0}.nav-menu a{font-family:var(--font-ui);font-weight:700;font-size:calc(14px*var(--sh,1));color:var(--cream);text-decoration:none;white-space:nowrap;position:relative;padding:4px 0}.nav-menu a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--pink);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.nav-menu a:hover{color:var(--pink-glow)}.nav-menu a:hover:after{transform:scaleX(1)}@media(max-width:900px)and (orientation:portrait),(max-width:720px){.nav-menu{display:none}}.nav-right{display:flex;align-items:center;gap:10px}.nav-socials{display:flex;align-items:center;gap:6px}.nav-socials a{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--blush);color:var(--ink);transition:background .15s ease,transform .15s ease}.nav-socials a:hover{background:var(--pink-glow);transform:translateY(-1px)}.nav-socials svg{width:16px;height:16px}.nav-cta{background:var(--pink);color:var(--cream);padding:10px 20px;border-radius:var(--ds-s-bulat,100px);font-weight:800;font-size:calc(14px*var(--sh,1));text-decoration:none;white-space:nowrap;transition:transform .15s ease,background .15s ease}.nav-cta:hover{background:var(--pink-deep);transform:translateY(-1px)}@media(max-width:640px){.nav-socials{display:none}}@media(max-width:900px)and (orientation:portrait),(max-width:720px){.nav-inner{width:auto;justify-content:space-between}}.hero{position:relative;padding:10px 0 34px;overflow:hidden;background:radial-gradient(circle at 1px 1px,rgba(var(--wr),.055) 1.4px,transparent 0) 0 0/26px 26px,var(--bg)}.hero-blob{position:absolute;z-index:0;border-radius:50%;filter:blur(6px)}.hero-blob.b1{width:520px;height:520px;top:-220px;right:-160px;background:var(--blush);opacity:.9}.hero-blob.b2{width:280px;height:280px;bottom:-140px;left:-100px;background:var(--accent);opacity:.35;filter:blur(30px)}.hero-star{position:absolute;width:110px;right:2%;bottom:6%;top:auto;z-index:1;opacity:.95;transform-origin:center;animation:starIn 1s cubic-bezier(.34,1.56,.64,1) both,spin 24s linear infinite 1s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes starIn{0%{opacity:0;transform:scale(.2) rotate(-160deg)}to{opacity:.95;transform:scale(1) rotate(0)}}@keyframes heroUp{0%{opacity:0;transform:translateY(26px) scale(.92) rotate(-3deg)}70%{opacity:1;transform:translateY(-3px) scale(1.015) rotate(.5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes ctaGlow{0%,to{box-shadow:0 10px 24px #ff1d8661}50%{box-shadow:0 14px 34px #ff1d8694}}.nav{animation:heroUp .8s cubic-bezier(.34,1.2,.4,1) both}.hero-headline{animation:heroUp .8s .16s cubic-bezier(.34,1.2,.4,1) both}.hero-copy{animation:heroUp .8s .24s cubic-bezier(.34,1.2,.4,1) both}.hero-actions{animation:heroUp .8s .32s cubic-bezier(.34,1.2,.4,1) both}.hero-card{animation:heroUp .9s .4s cubic-bezier(.34,1.2,.4,1) both}.hero-strip>div{animation:heroUp .8s cubic-bezier(.34,1.2,.4,1) both}.hero-strip>div:nth-child(1){animation-delay:.46s}.hero-strip>div:nth-child(2){animation-delay:.52s}.hero-strip>div:nth-child(3){animation-delay:.58s}.hero-strip>div:nth-child(4){animation-delay:.64s}.btn-primary{animation:ctaGlow 2.6s ease-in-out 5}.hero-blob.b1{animation:floaty 7s ease-in-out infinite}.hero-blob.b2{animation:floaty 9s ease-in-out infinite 1s}.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}.reveal.reveal-in{opacity:1;transform:translateY(0)}#admin-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.admin-gate-box{background:var(--paper);border-radius:20px;padding:32px 28px;width:100%;max-width:360px;text-align:center;border:1px solid rgba(var(--wr),.08)}.admin-gate-box .admin-logo{font-family:var(--font-display);color:var(--pink-glow);font-size:calc(24px*var(--sh,1));margin-bottom:6px}.admin-gate-box h1{font-size:calc(17px*var(--sh,1));margin-bottom:16px}.admin-gate-box input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid rgba(var(--wr),.16);background:rgba(var(--wr),.06);color:var(--cream);font-size:calc(15px*var(--sh,1));margin-bottom:12px;font-family:var(--font-ui)}.admin-gate-box button{width:100%;padding:13px 14px;border-radius:12px;border:none;background:var(--pink);color:var(--cream);font-weight:800;font-size:calc(14.5px*var(--sh,1));cursor:pointer}.admin-gate-box button:hover{background:var(--pink-deep)}.admin-gate-err{display:none;color:#ff5c7c;font-size:calc(12.5px*var(--sh,1));font-weight:700;margin-top:10px}.admin-gate-err.show{display:block}#admin-dashboard{display:none;padding:28px 0 60px}header.admin-top{display:flex;align-items:center;justify-content:space-between;padding:8px 0 20px;border-bottom:1px solid rgba(var(--wr),.08);margin-bottom:22px;flex-wrap:wrap;gap:10px}header.admin-top .admin-logo{font-family:var(--font-display);color:var(--pink-glow);font-size:calc(20px*var(--sh,1))}header.admin-top button{background:rgba(var(--wr),.08);color:var(--cream);border:none;border-radius:var(--ds-s-bulat,100px);padding:9px 16px;font-weight:700;font-size:calc(13px*var(--sh,1));cursor:pointer}header.admin-top button:hover{background:rgba(var(--wr),.15)}h2.admin-section-title{font-size:calc(16px*var(--sh,1));margin-bottom:12px;display:flex;align-items:center;gap:8px}.admin-count-pill{background:var(--pink);color:var(--cream);font-size:calc(12px*var(--sh,1));font-weight:800;padding:2px 10px;border-radius:var(--ds-s-bulat,100px)}.admin-btn-a{border:none;border-radius:var(--ds-s-bulat,100px);padding:9px 16px;font-weight:800;font-size:calc(13px*var(--sh,1));cursor:pointer;font-family:var(--font-ui)}.admin-btn-approve{background:#38c172;color:#08240f}.admin-btn-approve:hover{filter:brightness(1.08)}.admin-btn-reject{background:#ff5c7c29;color:#ff9cb0}.admin-btn-reject:hover{background:#ff5c7c47}.admin-empty{font-size:calc(14px*var(--sh,1));opacity:.6;padding:14px 0}.admin-loading{font-size:calc(14px*var(--sh,1));opacity:.7;padding:14px 0}.admin-section-gap{margin-top:34px}.admin-approved-item{font-size:calc(13.5px*var(--sh,1));padding:10px 0;border-bottom:1px solid rgba(var(--wr),.06);display:flex;justify-content:space-between;gap:10px;align-items:center}.admin-approved-item .admin-txt{opacity:.8}.admin-approved-item button{background:none;border:1px solid rgba(var(--wr),.18);color:var(--cream);border-radius:var(--ds-s-bulat,100px);padding:5px 12px;font-size:calc(11.5px*var(--sh,1));cursor:pointer;white-space:nowrap}.admin-config-warn{background:#ffc7381f;border:1px solid rgba(255,199,56,.4);color:var(--accent);padding:12px 16px;border-radius:var(--ds-s-sedang,14px);font-size:calc(13px*var(--sh,1));margin-bottom:20px;line-height:1.5}@keyframes badgeIn{0%{opacity:0;transform:scale(.3) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}.hero-inner{position:relative;z-index:2;width:100%}.hero-logo{width:min(520px,90vw);margin-bottom:14px;margin-left:-4px;transform:rotate(-1.4deg)}.hero-headline{font-family:var(--font-display);font-weight:400;letter-spacing:.2px;font-size:calc(clamp(32px,4.6vw,54px)*var(--sh,1));line-height:1.1;max-width:22ch;margin-bottom:12px;color:var(--cream)}.hero-headline em{font-style:normal;color:var(--pink-glow)}.hero-copy{font-size:calc(17.5px*var(--sh,1));line-height:1.55;max-width:78ch;color:var(--muted);margin:0 0 18px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.btn-primary{background:var(--pink);color:var(--cream);padding:15px 28px;border-radius:var(--ds-s-bulat,100px);font-family:var(--font-ui);font-weight:800;font-size:calc(16px*var(--sh,1));letter-spacing:-.2px;text-decoration:none;display:inline-block;box-shadow:0 10px 24px #ff1d8661;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-primary:hover{background:var(--pink-deep);transform:translateY(-2px);box-shadow:0 14px 30px #ff1d8670}.btn-primary:active{transform:translateY(0);box-shadow:0 6px 16px #ff1d8666}.link-ghost{font-weight:800;text-decoration:none;color:var(--pink-glow);padding-bottom:3px;font-size:calc(15px*var(--sh,1))}.link-ghost:hover{text-decoration:underline}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:30px;align-items:center}.hero-left{min-width:0}.hero-card{position:relative;z-index:2;min-width:0;background:var(--paper);border-radius:24px;padding:16px;box-shadow:0 20px 44px #1b0e2029;transform:rotate(.6deg)}.hc-head{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid rgba(var(--wr),.09)}.hc-avatar{width:40px;height:40px;border-radius:50%;flex:none;background:var(--pink);color:var(--cream);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:calc(13.5px*var(--sh,1));letter-spacing:.3px}.hc-name{margin:0;font-weight:800;font-size:calc(14.5px*var(--sh,1));letter-spacing:-.3px}.hc-status{margin:2px 0 0;font-size:calc(12px*var(--sh,1));color:var(--muted-2);display:flex;align-items:center;gap:6px}.hc-dot{width:7px;height:7px;border-radius:50%;background:#3ddc84;flex:none;animation:visitPulse 2.2s ease-out infinite}.hc-body{display:flex;flex-direction:column;gap:8px;padding:14px 0 12px}.hc-bubble{max-width:86%;padding:10px 13px;font-size:calc(13.5px*var(--sh,1));line-height:1.45;border-radius:16px}.hc-in{align-self:flex-start;background:rgba(var(--wr),.08);color:var(--cream);border-bottom-left-radius:6px}.hc-out{align-self:flex-end;background:var(--pink);color:var(--cream);border-bottom-right-radius:6px}.hc-typing{display:flex;gap:4px;align-items:center;padding:12px 14px}.hc-typing span{width:6px;height:6px;border-radius:50%;background:var(--cream);opacity:.55;animation:hcType 1.1s ease-in-out infinite}.hc-typing span:nth-child(2){animation-delay:.15s}.hc-typing span:nth-child(3){animation-delay:.3s}@keyframes hcType{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(-3px);opacity:1}}.hc-foot{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid rgba(var(--wr),.09)}.hc-tag{font-size:calc(12px*var(--sh,1));font-weight:800;padding:6px 12px;border-radius:var(--ds-s-bulat,100px);background:#ffe7f5;color:var(--pink-deep)}.hc-tag-alt{background:#fff2ce;color:var(--accent-deep)}.hero-strip{position:relative;z-index:2;margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hero-strip div{background:var(--paper);padding:16px 18px;border-radius:var(--ds-s-besar,18px);box-shadow:0 10px 24px #1b0e2014}.hero-strip div:nth-child(1){background:#4a1240}.hero-strip div:nth-child(2){background:#4a3410}.hero-strip div:nth-child(3){background:#4a1b3e}.hero-strip div:nth-child(4){background:#5a0f3a}.hero-strip b{display:block;font-family:var(--font-ui);font-weight:800;letter-spacing:-.3px;font-size:calc(15px*var(--sh,1));margin-bottom:4px}.hero-strip p{margin:0;font-size:calc(13px*var(--sh,1));color:var(--muted);line-height:1.4}.options{background:var(--bg);padding-top:8px}.bidang-grid{display:flex;flex-direction:row;gap:14px;overflow-x:auto;padding:4px 4px 14px;margin:0 -4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.bidang-grid::-webkit-scrollbar{height:6px}.bidang-grid::-webkit-scrollbar-thumb{background:var(--blush);border-radius:var(--ds-s-kecil,10px)}.bidang-group{flex:0 0 auto;width:230px;scroll-snap-align:start;background:var(--paper);border:1.5px solid rgba(255,214,236,.35);border-radius:var(--ds-s-besar,18px);padding:14px 16px;transition:border-color .18s ease,background .18s ease}.bidang-group[open]{border-color:var(--blush);background:var(--plum)}.bidang-title{font-family:var(--font-ui);font-weight:800;font-size:calc(15px*var(--sh,1));color:var(--pink-glow);letter-spacing:-.2px;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.bidang-title::-webkit-details-marker{display:none}.bidang-title:after{content:"+";flex:none;width:22px;height:22px;border-radius:50%;background:rgba(var(--wr),.1);color:var(--cream);display:flex;align-items:center;justify-content:center;font-size:calc(16px*var(--sh,1));line-height:1;transition:transform .18s ease}.bidang-group[open] .bidang-title:after{content:"–";transform:rotate(180deg)}.chip-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{display:inline-block;background:var(--paper);border:1.5px solid var(--blush);color:var(--cream);font-weight:700;font-size:calc(13.5px*var(--sh,1));letter-spacing:-.1px;padding:10px 16px;border-radius:var(--ds-s-bulat,100px);box-shadow:0 6px 16px #1b0e200f;transition:transform .18s ease,background .18s ease,border-color .18s ease}.chip:hover{transform:translateY(-3px);background:var(--blush);color:var(--ink);border-color:var(--pink-glow)}.orders{background:var(--bg)}.orders-box{background:var(--paper);border-radius:24px;padding:22px;box-shadow:0 20px 44px #0f040f47}.orders-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid rgba(var(--wr),.09)}.orders-head b{font-family:var(--font-ui);font-weight:800;font-size:calc(16px*var(--sh,1));letter-spacing:-.3px}.orders-live{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:calc(12.5px*var(--sh,1));font-weight:700;color:var(--w)}.orders-live i{width:8px;height:8px;border-radius:50%;background:#3ddc84;font-style:normal;animation:visitPulse 2.2s ease-out infinite}.orders-list{list-style:none;margin:0;padding:0}.orders-list li{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid rgba(var(--wr),.07);animation:orderIn .45s ease both}.orders-list li:last-child{border-bottom:none}@keyframes orderIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.order-avatar{width:36px;height:36px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-weight:800;font-size:calc(13px*var(--sh,1));background:var(--pink);color:var(--cream)}.order-avatar.c2{background:var(--accent);color:var(--ink)}.order-avatar.c3{background:var(--plum)}.order-avatar.c4{background:var(--blush);color:var(--pink-deep)}.order-main{min-width:0;flex:1}.order-main b{display:block;font-family:var(--font-ui);font-weight:800;font-size:calc(14.5px*var(--sh,1));letter-spacing:-.2px}.order-main span{display:block;font-size:calc(13px*var(--sh,1));color:var(--w);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-time{flex:none;font-size:calc(12px*var(--sh,1));font-weight:700;color:var(--pink-glow);white-space:nowrap}.orders-empty{padding:22px 4px;font-size:calc(14.5px*var(--sh,1));color:var(--w);line-height:1.55;margin:0}.orders-note{margin:14px 0 0;font-size:calc(12.5px*var(--sh,1));color:var(--w);line-height:1.5}@media(max-width:520px){.order-time{display:none}}.marquee{background:var(--ink);color:var(--cream);overflow:hidden;white-space:nowrap;padding:10px 0}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}section{padding:44px 0;scroll-margin-top:84px}.section-head{max-width:none;margin-bottom:22px}.section-head .kicker{display:inline-block;font-size:calc(13px*var(--sh,1));font-weight:800;letter-spacing:.3px;background:var(--ink);color:var(--accent);padding:6px 14px;border-radius:var(--ds-s-bulat,100px);margin-bottom:10px}.section-head h2{font-size:calc(clamp(28px,3.8vw,42px)*var(--sh,1));line-height:1.1;margin-bottom:8px}.section-head p{font-size:calc(16.5px*var(--sh,1));line-height:1.55;margin:0;max-width:90ch}.stats{background:var(--ink);color:var(--cream);padding:30px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:rgba(var(--wr),.11);padding:20px 14px;text-align:center;border-radius:20px}.stat-num{font-family:var(--font-display);font-size:calc(clamp(28px,4vw,40px)*var(--sh,1));color:var(--accent);display:block;margin-bottom:4px;line-height:1}.stat-label{font-size:calc(13.5px*var(--sh,1));color:var(--w);line-height:1.4}@media(max-width:760px)and (orientation:portrait),(max-width:720px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.visit-counter{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:6px}.visit-counter-prev{font-size:calc(11.5px*var(--sh,1));color:var(--w);opacity:.7;text-align:center;letter-spacing:.2px;min-height:1em}.visit-counter-inner{display:inline-flex;align-items:center;gap:11px;background:rgba(var(--wr),.12);border-radius:var(--ds-s-bulat,100px);padding:10px 20px}.visit-dot{width:8px;height:8px;border-radius:50%;background:#3ddc84;flex:none;animation:visitPulse 2.2s ease-out infinite}@keyframes visitPulse{0%{box-shadow:0 0 #3ddc848c}70%{box-shadow:0 0 0 9px #3ddc8400}to{box-shadow:0 0 #3ddc8400}}.visit-counter-label{font-size:calc(13.5px*var(--sh,1));color:var(--w)}.visit-counter-num{font-family:var(--font-display);font-size:calc(21px*var(--sh,1));color:var(--accent);line-height:1;letter-spacing:.4px}@media(max-width:420px){.visit-counter-inner{padding:9px 14px;gap:8px}.visit-counter-label{font-size:calc(12.5px*var(--sh,1))}}.about{background:var(--bg)}.about .section-head p{color:var(--w)}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.bento-card{background:var(--paper);border-radius:22px;padding:20px;position:relative;display:flex;flex-direction:column;justify-content:center;box-shadow:0 14px 30px #6b1f5c24;transition:transform .25s ease,box-shadow .25s ease}.bento-card:hover{transform:translateY(-5px);box-shadow:0 20px 38px #6b1f5c38}.bento-card h3{font-size:calc(21px*var(--sh,1));margin-bottom:8px}.bento-card p{font-size:calc(14.5px*var(--sh,1));line-height:1.55;margin:0;color:var(--muted)}.bento-card .big{font-family:var(--font-display);font-size:calc(38px*var(--sh,1));display:block;margin-bottom:4px;color:var(--accent)}.tag-ok,.tag-soon{font-weight:800;font-size:calc(11.5px*var(--sh,1));padding:3px 10px;border-radius:var(--ds-s-bulat,100px);white-space:nowrap}.tag-ok{background:#e3f8e8;color:#1e8e3e}.tag-soon{background:#fff2ce;color:var(--accent-deep)}.mini-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--blush);color:var(--pink-deep);vertical-align:middle;margin-right:8px}.mini-icon svg{width:14px;height:14px}.policy{background:var(--paper)}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.policy-card{background:var(--bg);border-radius:20px;padding:22px;box-shadow:0 10px 24px #00000047;transition:transform .25s ease,box-shadow .25s ease}.policy-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #1b0e2024}.policy-num{display:inline-block;font-family:var(--font-ui);font-weight:800;font-size:calc(13px*var(--sh,1));color:var(--pink-deep);background:var(--blush);width:32px;height:32px;border-radius:50%;text-align:center;line-height:32px;margin-bottom:14px}.policy-card h3{font-size:calc(18.5px*var(--sh,1));margin-bottom:8px}.policy-card p{font-size:calc(14.5px*var(--sh,1));line-height:1.55;margin:0;color:var(--muted)}@media(max-width:900px)and (orientation:portrait),(max-width:720px){.policy-grid{grid-template-columns:1fr}}.steps{background:var(--ink);color:var(--cream)}.steps .section-head p{color:var(--w)}.steps-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step-card{background:rgba(var(--wr),.09);padding:20px;border-radius:20px;transition:background .2s ease,transform .2s ease}.step-card:hover{background:#ff2e8f29;transform:translateY(-3px)}.step-num{font-family:var(--font-ui);font-weight:800;font-size:calc(15px*var(--sh,1));color:var(--ink);background:var(--accent);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.step-card h3{font-size:calc(21px*var(--sh,1));margin-bottom:8px;color:var(--cream)}.step-card p{font-size:calc(14.5px*var(--sh,1));line-height:1.6;color:var(--w);margin:0}.testimonials{background:var(--bg)}.testi-trust{font-size:calc(14px*var(--sh,1));font-weight:700;color:var(--pink-glow);margin-top:-14px;margin-bottom:18px}.testi-grid{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.testi-grid::-webkit-scrollbar{height:6px}.testi-grid::-webkit-scrollbar-track{background:transparent}.testi-grid::-webkit-scrollbar-thumb{background:rgba(var(--wr),.18);border-radius:var(--ds-s-bulat,100px)}.testi-card{background:var(--paper);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 14px 30px #1b0e201a;transition:transform .25s ease,box-shadow .25s ease;flex:0 0 auto;width:280px;scroll-snap-align:start}.testi-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px #1b0e2029}.testi-stars{color:var(--accent);font-size:calc(15px*var(--sh,1));letter-spacing:2px}.testi-quote{font-size:calc(15px*var(--sh,1));line-height:1.6;color:var(--cream);margin:0;flex:1}.testi-person{display:flex;align-items:center;gap:12px}.testi-avatar{width:42px;height:42px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-weight:800;font-size:calc(14px*var(--sh,1));color:var(--cream)}.testi-avatar.c1{background:var(--pink)}.testi-avatar.c2{background:var(--plum)}.testi-avatar.c3{background:var(--ink)}.testi-name{font-weight:800;font-size:calc(14.5px*var(--sh,1));margin:0}.testi-role{font-size:calc(12.5px*var(--sh,1));color:var(--muted-2);margin:0}.testi-empty{font-size:calc(14.5px*var(--sh,1));color:var(--w);line-height:1.55;padding:22px 4px;margin:0;flex:0 0 auto}@media(max-width:900px)and (orientation:portrait),(max-width:720px){.testi-card{width:82vw}.testi-trust{margin-top:-16px}}.service{background:var(--plum);color:var(--cream)}.service .section-head p{color:var(--w)}.panel{background:rgba(var(--wr),.13);backdrop-filter:blur(6px);border-radius:26px;max-width:980px;margin:0 auto;padding:8px;box-shadow:0 20px 40px #0f040f52}.progress{display:flex;gap:8px;padding:14px 22px 4px}.progress span{flex:1;height:5px;border-radius:6px;background:rgba(var(--wr),.16)}.progress span.active{background:var(--accent)}.step-panel{padding:16px 24px 22px}.step-panel h3{font-size:calc(24px*var(--sh,1));margin-bottom:6px;color:var(--cream)}.step-panel .hint{font-size:calc(14.5px*var(--sh,1));color:var(--w);margin:0 0 14px}.field{margin-bottom:12px}.field label{display:block;font-size:calc(13px*var(--sh,1));font-weight:700;margin-bottom:6px;color:var(--w)}.field input,.field textarea{width:100%;border:none;border-radius:var(--ds-s-sedang,14px);padding:13px 15px;font-family:inherit;font-size:calc(15px*var(--sh,1));background:rgba(var(--wr),.1);color:var(--cream);resize:vertical}.field input::placeholder,.field textarea::placeholder{color:rgba(var(--wr),.6)}.field textarea{min-height:84px}#f-waktu{cursor:pointer}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.jenis-toggle{display:flex;gap:10px;flex-wrap:wrap}.jenis-toggle input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.jenis-toggle label{cursor:pointer;padding:12px 20px;border-radius:var(--ds-s-bulat,100px);background:rgba(var(--wr),.1);color:var(--w);font-weight:700;font-size:calc(14.5px*var(--sh,1));border:2px solid transparent;transition:background .15s ease,border-color .15s ease,color .15s ease;user-select:none}.jenis-toggle input:checked+label{background:var(--pink);color:var(--cream);border-color:var(--pink-glow)}.jenis-toggle input:focus-visible+label{outline:3px solid var(--pink);outline-offset:2px}.jenis-hint{font-size:calc(13px*var(--sh,1));color:var(--w);opacity:.8;margin:6px 0 0;line-height:1.5}.form-actions{display:flex;justify-content:flex-end;margin-top:4px}.btn-dark{background:var(--accent);color:var(--ink);border:none;font-family:var(--font-ui);font-weight:800;font-size:calc(15.5px*var(--sh,1));letter-spacing:-.2px;padding:13px 24px;border-radius:var(--ds-s-bulat,100px);cursor:pointer;box-shadow:0 10px 22px #ffc7384d;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.btn-dark:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 14px 26px #ffc7385c}.btn-back{background:transparent;border:none;font-weight:700;cursor:pointer;font-size:calc(14px*var(--sh,1));color:var(--w);padding:13px 6px;text-decoration:underline}.qris-box{border-radius:20px;padding:20px;text-align:center;background:rgba(var(--wr),.12);margin-bottom:14px;display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center;text-align:left}@media(max-width:620px){.qris-box{grid-template-columns:1fr;text-align:center;gap:12px}}.qris-box .qmark{width:200px;max-width:100%;margin:0 auto;border-radius:16px;background:var(--paper);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:6px;box-shadow:0 10px 22px #0f040f3d}.qris-box .qmark img{width:100%;height:auto;display:block;border-radius:var(--ds-s-kecil,10px)}.qris-box p{margin:0;font-size:calc(13.5px*var(--sh,1));color:var(--w);line-height:1.5}.amount-note{font-size:calc(13.5px*var(--sh,1));color:var(--w);margin:0 0 16px;line-height:1.5}.amount-note a{color:var(--accent);font-weight:700;text-decoration:underline}.confirm-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:18px;font-size:calc(14.5px*var(--sh,1));line-height:1.5;color:var(--w)}.confirm-row input{margin-top:4px;width:18px;height:18px;flex:0 0 auto}.summary-box{background:rgba(var(--wr),.13);border-radius:16px;padding:16px 18px;margin-bottom:18px;font-size:calc(14px*var(--sh,1));line-height:1.7;color:var(--w)}.summary-box b{font-family:var(--font-ui);font-weight:800;letter-spacing:-.3px;display:block;margin-bottom:4px;font-size:calc(15px*var(--sh,1));color:var(--cream)}.done-panel{text-align:center;padding:26px 24px 24px}.done-panel .stargfx{width:64px;height:64px;margin:0 auto 12px;display:block;animation:starIn .8s cubic-bezier(.34,1.56,.64,1) both}.done-panel h3{font-size:calc(26px*var(--sh,1));margin-bottom:8px;color:var(--cream)}.done-panel p{font-size:calc(15px*var(--sh,1));color:var(--w);line-height:1.6;max-width:40ch;margin:0 auto 20px}.error-msg{color:#ff9fcb;font-size:calc(13px*var(--sh,1));font-weight:700;margin:-8px 0 12px;display:none}.error-msg.show{display:block}.refund-note{background:#ffc73833;border:1.5px solid rgba(255,199,56,.5);border-radius:16px;padding:14px 16px;margin-bottom:18px}.refund-note b{display:block;font-size:calc(14px*var(--sh,1));color:var(--accent);margin-bottom:4px}.refund-note p{margin:0;font-size:calc(13px*var(--sh,1));line-height:1.55;color:var(--w)}.done-refund-note{font-size:calc(13px*var(--sh,1));color:var(--w);line-height:1.5;max-width:40ch;margin:0 auto 18px}.faq{background:var(--bg)}.faq-list{max-width:none;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:start}.faq-item{background:var(--paper);border-radius:var(--ds-s-besar,18px);padding:18px 20px;box-shadow:0 8px 20px #0000003d;transition:background .2s ease,box-shadow .2s ease}.faq-item[open]{background:#3a1e33;box-shadow:0 10px 24px #ff1d8638}.faq-item summary{cursor:pointer;list-style:none;font-family:var(--font-ui);font-weight:700;letter-spacing:-.4px;font-size:calc(18px*var(--sh,1));display:flex;justify-content:space-between;align-items:center;gap:16px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .plus{font-family:Plus Jakarta Sans,sans-serif;font-size:calc(26px*var(--sh,1));font-weight:300;flex:0 0 auto;transition:transform .2s ease;color:var(--pink-glow)}.faq-item[open] summary .plus{transform:rotate(45deg)}.faq-item p{margin:10px 0 0;font-size:calc(15px*var(--sh,1));line-height:1.55;color:var(--muted);max-width:none}footer{background:var(--ink);color:var(--cream);padding:32px 0 18px}.ao-section{background:var(--bg);padding:40px 0 6px;display:none}.ao-section:target{display:block}.ao-wrap{max-width:760px;margin:0 auto;padding:0 22px}.ao-hero{text-align:center;padding:6px 0 26px}.ao-hero p{font-size:calc(15.5px*var(--sh,1));line-height:1.6;color:var(--muted);opacity:.9;margin:8px auto 0;max-width:52ch}.ao-cards{display:grid;grid-template-columns:1fr;gap:16px;padding-bottom:6px}.ao-card{background:var(--paper);border-radius:22px;padding:22px 22px 24px;border:1px solid rgba(var(--wr),.06)}.ao-card .ao-icon{width:44px;height:44px;border-radius:var(--ds-s-sedang,14px);display:flex;align-items:center;justify-content:center;background:var(--pink);margin-bottom:14px;font-size:calc(20px*var(--sh,1))}.ao-card.ao-tip .ao-icon{background:var(--accent);color:var(--ink)}.ao-card.ao-testi .ao-icon{background:var(--blush);color:var(--ink)}.ao-card h3{font-size:calc(19px*var(--sh,1));margin-bottom:6px}.ao-card p.ao-desc{font-size:calc(14px*var(--sh,1));line-height:1.55;color:var(--muted);opacity:.85;margin:0 0 16px}.ao-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border-radius:var(--ds-s-bulat,100px);border:none;cursor:pointer;font-family:var(--font-ui);font-weight:800;font-size:calc(15px*var(--sh,1));text-decoration:none;transition:transform .15s ease,background .15s ease}.ao-btn:hover{transform:translateY(-1px)}.ao-btn-primary{background:var(--pink);color:var(--cream)}.ao-btn-primary:hover{background:var(--pink-deep)}.ao-btn-ghost{background:rgba(var(--wr),.08);color:var(--cream)}.ao-btn-ghost:hover{background:rgba(var(--wr),.14)}.ao-stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:6px;margin-bottom:14px}.ao-stars input{display:none}.ao-stars label{font-size:calc(26px*var(--sh,1));cursor:pointer;color:rgba(var(--wr),.25);transition:color .12s ease}.ao-stars label:hover,.ao-stars label:hover~label{color:var(--accent)}.ao-stars input:checked~label{color:var(--accent)}.ao-field{margin-bottom:12px}.ao-field label{display:block;font-size:calc(13px*var(--sh,1));font-weight:700;margin-bottom:6px;color:var(--muted)}.ao-field input[type=text],.ao-field textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(var(--wr),.14);background:rgba(var(--wr),.05);color:var(--cream);font-family:var(--font-ui);font-size:calc(14.5px*var(--sh,1));resize:vertical}.ao-field textarea{min-height:90px}.ao-field input::placeholder,.ao-field textarea::placeholder{color:rgba(var(--wr),.35)}.ao-err-msg{display:none;color:#ff8fae;font-size:calc(12.5px*var(--sh,1));font-weight:700;margin:-4px 0 10px}.ao-err-msg.show{display:block}.ao-testi-thanks{display:none;text-align:center;padding:6px 0 2px}.ao-testi-thanks.show{display:block}.ao-testi-thanks .ao-big-emoji{font-size:calc(38px*var(--sh,1));margin-bottom:8px}.ao-testi-thanks p{font-size:calc(14.5px*var(--sh,1));color:var(--muted);opacity:.9;line-height:1.55;margin:0}.ao-note{font-size:calc(12px*var(--sh,1));color:var(--muted);opacity:.6;margin-top:10px;text-align:center}@media(max-width:900px)and (orientation:portrait),(max-width:720px){.faq-list{grid-template-columns:1fr}.bento{grid-template-columns:repeat(2,1fr)}.steps-list{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr;gap:22px}.hero-card{transform:none}.hero-strip{grid-template-columns:repeat(2,1fr)}.field-row{grid-template-columns:1fr}.hero-star{display:none}}@media(max-width:520px){.wrap{padding:0 16px}section{padding:34px 0}.hero{padding:20px 0 26px}.hero-strip{grid-template-columns:1fr}.step-panel{padding:14px 16px 18px}.nav-inner{padding:7px 7px 7px 16px}.nav-cta{padding:8px 14px;font-size:calc(12.5px*var(--sh,1))}}.board{background:var(--bg)}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:20px}.task-card{background:var(--paper);border-radius:20px;padding:18px 18px 16px;border:1px solid rgba(var(--wr),.07);display:flex;flex-direction:column;gap:10px}.task-card h3{font-size:calc(16px*var(--sh,1))}.task-card p{font-size:calc(13.5px*var(--sh,1));line-height:1.55;margin:0;opacity:.85}.task-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:calc(12px*var(--sh,1))}.task-pill{background:rgba(var(--wr),.09);padding:4px 12px;border-radius:var(--ds-s-bulat,100px);font-weight:800}.task-pill.fee{background:var(--accent);color:var(--ink)}.task-pill.late{background:#ff5c7c2e;color:#ff9cb0}.wa-fallback{margin-top:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:calc(12.5px*var(--sh,1));opacity:.85}.wa-fallback a{background:#25d366;color:#062e17;font-weight:800;padding:8px 16px;border-radius:var(--ds-s-bulat,100px);font-size:calc(12.5px*var(--sh,1));text-decoration:none;white-space:nowrap}.wa-fallback a:hover{filter:brightness(.95)}.task-empty,.board-empty{font-size:calc(14.5px*var(--sh,1));opacity:.65;padding:10px 0}.board-panel{background:var(--paper);border-radius:22px;padding:22px;margin-top:22px}.board-panel .field{margin-bottom:14px}.board-result-box{background:rgba(var(--wr),.06);border-radius:var(--ds-s-sedang,14px);padding:14px 16px;font-size:calc(13.5px*var(--sh,1));line-height:1.6}.status-badge{display:inline-block;font-weight:800;font-size:calc(12px*var(--sh,1));padding:4px 12px;border-radius:var(--ds-s-bulat,100px)}.status-terbuka{background:#38c1722e;color:#38c172}.status-diambil{background:#ffc7382e;color:var(--accent)}.status-dikirim,.status-revisi{background:#ff8fd42e;color:var(--pink-glow)}.status-approved{background:#38c1722e;color:#38c172}.status-ditolak{background:#ff5c7c2e;color:#ff9cb0}.status-selesai{background:rgba(var(--wr),.14);color:var(--cream)}.status-diproses{background:#ffc7382e;color:var(--accent)}.status-baru{background:rgba(var(--wr),.14);color:var(--cream)}.admin-order-form{background:rgba(var(--wr),.05);border-radius:var(--ds-s-sedang,14px);padding:14px 16px;margin-top:12px;display:none}.admin-order-form.show{display:block}.admin-order-form .field{margin-bottom:10px}.admin-order-form label{font-size:calc(12.5px*var(--sh,1));font-weight:700;opacity:.75;display:block;margin-bottom:4px}.admin-order-form input,.admin-order-form textarea{width:100%;padding:10px 12px;border-radius:var(--ds-s-kecil,10px);border:1px solid rgba(var(--wr),.16);background:var(--bg);color:var(--cream);font-family:inherit;font-size:calc(13.5px*var(--sh,1))}.admin-btn-revisi{background:#ffc7382e;color:var(--accent)}.admin-btn-revisi:hover{background:#ffc7384d}.admin-payout-box{font-size:calc(13px*var(--sh,1));line-height:1.6;background:rgba(var(--wr),.06);border-radius:12px;padding:10px 14px;margin-bottom:10px}.chat-box{margin-top:14px;border:1px solid #F3C9DE;border-radius:16px;background:#fff;padding:12px}.chat-pesan{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-top:8px}.chat-msg{max-width:86%;align-self:flex-start;background:#fff3f9;border-radius:var(--ds-s-sedang,14px);padding:8px 12px;font-size:calc(14px*var(--sh,1));line-height:1.45;word-break:break-word}.chat-msg.saya{align-self:flex-end;background:#ffe1ef}.chat-msg small{display:block;opacity:.6;font-size:calc(11px*var(--sh,1));margin-bottom:2px}.chat-kosong{font-size:calc(13px*var(--sh,1));opacity:.65;margin:6px 0}.chat-note{font-size:calc(12px*var(--sh,1));opacity:.75;margin-top:8px;line-height:1.45}.chat-input{display:flex;gap:8px;margin-top:10px;align-items:flex-end}.chat-input textarea{flex:1;min-height:44px;max-height:110px;border:1px solid #F3C9DE;border-radius:12px;padding:10px 12px;font:inherit;font-size:calc(15px*var(--sh,1))}.chat-flag{border:1px solid #E0245E;background:#fff0f3;color:#8a1038;border-radius:12px;padding:8px 12px;font-size:calc(13px*var(--sh,1));margin:8px 0}.worker-gate{background:var(--paper);border-radius:22px;padding:22px;margin-top:20px;max-width:480px}.worker-gate .field{margin-bottom:14px}.worker-logged{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;background:#38c1721f;border:1px solid rgba(56,193,114,.4);border-radius:var(--ds-s-sedang,14px);padding:12px 18px;margin-top:20px;font-size:calc(13.5px*var(--sh,1))}.worker-logged b{color:#38c172}.worker-logged button{background:rgba(var(--wr),.12);color:var(--cream);border:none;border-radius:var(--ds-s-bulat,100px);padding:7px 16px;font-size:calc(12.5px*var(--sh,1));cursor:pointer;font-weight:700}.worker-logged button:hover{background:rgba(var(--wr),.2)}.worker-locked{font-size:calc(14.5px*var(--sh,1));opacity:.7;padding:16px 0}.lb-rank{font-family:var(--font-display);color:var(--pink-glow);width:34px;font-size:calc(15px*var(--sh,1))}.lb-name{font-weight:800;white-space:nowrap;padding-right:12px}.lb-bar{background:linear-gradient(90deg,var(--pink),var(--accent));height:100%;border-radius:var(--ds-s-bulat,100px)}.lb-count{text-align:right;font-weight:800;color:var(--accent);white-space:nowrap;padding-left:12px}.admin-worker-info{font-size:calc(13.5px*var(--sh,1))}.admin-worker-info b{font-size:calc(14.5px*var(--sh,1))}.admin-worker-actions{display:flex;gap:8px;flex-wrap:wrap}.status-aktif{background:#38c1722e;color:#38c172}.status-nonaktif{background:#ff5c7c2e;color:#ff9cb0}@media(orientation:landscape)and (max-height:500px){section{padding-top:28px;padding-bottom:28px}.hero{padding:16px 0 20px}}.gp-wrap{display:flex;gap:4px;margin:12px 0;overflow-x:auto;padding-bottom:4px}.gp-step{flex:1;min-width:56px;text-align:center;opacity:.55}.gp-step small{display:block;font-size:calc(10.5px*var(--sh,1));margin-top:4px;line-height:1.2}.gp-dot{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#e9dde3;color:#6b5b63;font-size:calc(12px*var(--sh,1));font-weight:700}.gp-step.gp-done{opacity:1}.gp-step.gp-done .gp-dot{background:#16a34a;color:#fff}.gp-step.gp-now{opacity:1}.gp-step.gp-now .gp-dot{background:var(--ds-pink,#FF1D86);color:#fff;box-shadow:0 0 0 4px #ff1d862e}.rate-box{margin-top:10px;text-align:center}.rate-stars{display:flex;gap:6px;justify-content:center;margin-top:6px}.rate-star{background:none;border:0;font-size:calc(30px*var(--sh,1));line-height:1;color:#d9c9d1;cursor:pointer;padding:2px}.rate-star:hover,.rate-star:focus{color:#f5a623}.rate-stars:hover .rate-star{color:#f5a623}.rate-stars .rate-star:hover~.rate-star{color:#d9c9d1}#anniv-banner{position:relative;z-index:60;background:linear-gradient(90deg,var(--ds-pink,#FF1D86),#ff6a3d);color:#fff;text-align:center;padding:10px 40px 10px 16px;font-size:calc(14px*var(--sh,1));font-weight:600;line-height:1.4}#anniv-banner button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff;font-size:calc(20px*var(--sh,1));cursor:pointer;padding:6px 10px}