:root{--brand:#1557f0;--brand-600:#1149ce;--brand-700:#0d39a5;--brand-400:#5b8cff;--brand-200:#bbd0ff;--brand-100:#dee9ff;--brand-50:#f0f5ff;--navy:#030711;--navy-2:#0a1424;--navy-3:#142138;--ink:#070c16;--ink-2:#333e50;--mute:#66748a;--mute-2:#98a3b6;--line:#e6eaf2;--line-2:#eff2f8;--paper:#fff;--canvas:#f3f5fa;--gain:#12945f;--gain-bg:#e6f6ef;--warn:#b0781a;--warn-bg:#fdf4e4;--bad:#d2382f;--bad-bg:#fdedec;--r-xl:26px;--r-lg:20px;--r:16px;--r-sm:11px;--sh-1:0 1px 2px #070c160d;--sh-2:0 1px 2px #070c160a, 0 6px 20px #070c160f;--sh-3:0 2px 6px #070c160d, 0 16px 44px #070c161c;--sh-4:0 32px 80px #03071173;--ring:0 0 0 3px #1557f024;--f:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:var(--f);color:var(--ink);background:var(--navy);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font-size:14px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:8px}::-webkit-scrollbar{width:0;height:0}svg{flex:none;display:block}.i{stroke-width:1.7px;width:20px;height:20px}.app{height:100dvh;display:flex;overflow:hidden}.stage{background:radial-gradient(880px 520px at 50% -12%, #1557f02e, transparent 62%), var(--navy);flex:1;place-items:center;padding:26px;display:grid;position:relative;overflow:hidden}.stage:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(680px 580px at 50% 45%,#000 18%,#0000 76%);mask-image:radial-gradient(680px 580px at 50% 45%,#000 18%,#0000 76%)}.phone{background:var(--navy);width:392px;height:min(840px,100dvh - 52px);box-shadow:var(--sh-4), 0 0 0 10px #0a1120, 0 0 0 11.5px #ffffff17, inset 0 0 0 1px #ffffff0d;border-radius:48px;flex-direction:column;display:flex;position:relative;overflow:hidden}.statusbar{z-index:8;background:var(--navy);color:#fff;letter-spacing:.01em;flex:none;justify-content:space-between;align-items:center;height:40px;padding:0 26px;font-size:11.5px;font-weight:700;display:flex;position:relative}.statusbar.dark{background:var(--navy)}.statusbar .sb-r{letter-spacing:.1em;color:#ffffff9e;text-transform:uppercase;align-items:center;gap:5px;font-size:9.5px;font-weight:600;display:flex}.viewport{background:var(--canvas);border-radius:22px 22px 0 0;flex:1;position:relative;overflow:hidden}.view{-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow:hidden auto}.pad{padding:0 16px 104px}.pad0{padding:0 0 104px}.sheet{background:var(--canvas);z-index:20;animation:.28s cubic-bezier(.32,.72,0,1) slideIn;position:absolute;inset:0;overflow:hidden auto}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.sheet.out{animation:.18s forwards slideOut}@keyframes slideOut{to{opacity:0;transform:translate(24px)}}.appbar{z-index:14;-webkit-backdrop-filter:saturate(180%)blur(16px);border-bottom:1px solid var(--line-2);background:#ffffffe6;align-items:center;gap:11px;min-height:54px;padding:10px 14px;display:flex;position:sticky;top:0}.appbar h2{letter-spacing:-.015em;margin:0;font-size:16px;font-weight:700}.appbar .sub{color:var(--mute);margin:1px 0 0;font-size:11px;font-weight:400}.iconbtn{width:36px;height:36px;color:var(--ink-2);border-radius:12px;flex:0 0 36px;place-items:center;transition:background .16s;display:grid;position:relative}.iconbtn:hover{background:var(--line-2)}.iconbtn.tinted{background:var(--brand-50);color:var(--brand)}.appbar-act{align-items:center;gap:4px;margin-left:auto;display:flex}.dot-badge{background:var(--brand);color:#fff;border:2px solid #fff;border-radius:99px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9.5px;font-weight:700;display:grid;position:absolute;top:3px;right:3px}.teks-isi{white-space:pre-line;overflow-wrap:anywhere}.card{background:var(--paper);border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--sh-1);padding:15px}.card+.card{margin-top:11px}.card.flat{box-shadow:none;border:1px solid var(--line)}.card-t{align-items:center;gap:8px;margin:0 0 12px;display:flex}.card-t h3{letter-spacing:-.01em;margin:0;font-size:13px;font-weight:700}.card-t .more{color:var(--brand);align-items:center;gap:2px;margin-left:auto;font-size:11.5px;font-weight:600;display:flex}.sec{align-items:center;gap:8px;margin:22px 2px 10px;display:flex}.sec h3{letter-spacing:-.015em;margin:0;font-size:13.5px;font-weight:700}.sec .more{color:var(--brand);align-items:center;gap:1px;margin-left:auto;font-size:11.5px;font-weight:600;display:flex}.sec-lbl{letter-spacing:.13em;text-transform:uppercase;color:var(--mute-2);margin:22px 2px 9px;font-size:10px;font-weight:700}.n{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.big{letter-spacing:-.035em;font-size:30px;font-weight:800;line-height:1.05}.mid{letter-spacing:-.03em;font-size:21px;font-weight:700;line-height:1.1}.wallet{border-radius:var(--r-xl);color:#fff;background:linear-gradient(150deg,#05090f 0%,#0c1e3e 44%,#1550d6 100%);padding:19px;position:relative;overflow:hidden;box-shadow:0 18px 40px #03071152,inset 0 0 0 1px #ffffff17,inset 0 1px #ffffff24}.wallet:after{content:"";background:radial-gradient(circle,#1557f099,#0000 66%);border-radius:50%;width:240px;height:240px;position:absolute;top:-128px;right:-96px}.wallet>*{z-index:1;position:relative}.wallet .lbl{letter-spacing:.13em;text-transform:uppercase;color:var(--brand-200);align-items:center;gap:6px;margin:0;font-size:10px;font-weight:700;display:flex}.wallet .amt{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:8px 0 3px;font-size:32px;font-weight:800;line-height:1}.wallet .pend{color:#a6b7d6;margin:0;font-size:11.5px;line-height:1.5}.wallet-act{gap:8px;margin-top:16px;display:flex}.duo{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric{background:var(--paper);border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--sh-1);padding:14px}.metric .k{letter-spacing:.1em;text-transform:uppercase;color:var(--mute);align-items:center;gap:5px;margin:0;font-size:10px;font-weight:700;display:flex}.metric .v{letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:22px;font-weight:800;line-height:1.1}.metric .d{color:var(--mute);margin:2px 0 0;font-size:10.5px}.metric .d.up{color:var(--gain);font-weight:600}.prog{background:var(--line-2);border-radius:99px;height:6px;margin:10px 0 0;overflow:hidden}.prog i{background:linear-gradient(90deg,var(--brand-600),var(--brand) 55%,#5b8cff);border-radius:99px;height:100%;transition:width .8s cubic-bezier(.32,.72,0,1);display:block;box-shadow:0 0 8px #1557f073}.prog.gold i{background:linear-gradient(90deg,#c08a18,#e6b64a)}.prog.light{background:#ffffff29}.prog-meta{color:var(--mute);justify-content:space-between;margin-top:7px;font-size:10.5px;font-weight:600;display:flex}.btn{letter-spacing:-.01em;background:linear-gradient(180deg,#2e6bff 0%,var(--brand) 52%, var(--brand-600) 100%);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:12px 17px;font-size:13px;font-weight:700;transition:transform .1s,filter .16s,box-shadow .16s;display:inline-flex;box-shadow:0 6px 16px #1557f04d,inset 0 1px #ffffff38}.btn:active{transform:scale(.97)}.btn:hover{filter:brightness(1.06)}.btn.block{width:100%;display:flex}.btn.ghost{background:var(--brand-50);color:var(--brand);box-shadow:none}.btn.ghost:hover{background:var(--brand-100)}.btn.line{background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn.line:hover{background:var(--line-2)}.btn.glass{color:#fff;box-shadow:none;background:#ffffff24}.btn.glass:hover{background:#ffffff38}.btn.dark{background:linear-gradient(180deg,#1a2334,var(--ink));box-shadow:inset 0 1px #ffffff1a}.btn.dark:hover{filter:brightness(1.14)}.btn.sm{border-radius:11px;padding:9px 13px;font-size:12px}.btn.xs{box-shadow:none;border-radius:9px;padding:6px 11px;font-size:11px;font-weight:600}.btn[disabled]{opacity:.4;pointer-events:none}.btn svg{width:16px;height:16px}.btn.sm svg{width:15px;height:15px}.btn.xs svg{width:13px;height:13px}.chip{background:var(--brand-50);color:var(--brand-600);letter-spacing:-.005em;border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:10.5px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #1557f01f}.chip.gain{background:var(--gain-bg);color:var(--gain)}.chip.warn{background:var(--warn-bg);color:var(--warn)}.chip.bad{background:var(--bad-bg);color:var(--bad)}.chip.ink{color:var(--ink-2);background:#edf0f5}.chip.solid{background:var(--ink);color:#fff}.chip svg{width:12px;height:12px}.rank-badge{background:linear-gradient(135deg,#0b1e42,var(--brand));color:#fff;border-radius:99px;align-items:center;gap:5px;padding:5px 11px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #1557f04d,inset 0 1px #ffffff29}.rank-badge svg{width:13px;height:13px}.row{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;width:100%;padding:11px 0;display:flex}.row:last-child{border-bottom:0;padding-bottom:0}.row:first-child{padding-top:0}.row .ico{background:var(--brand-50);width:38px;height:38px;color:var(--brand);border-radius:12px;flex:0 0 38px;place-items:center;display:grid}.row .ico.g{background:var(--gain-bg);color:var(--gain)}.row .ico.w{background:var(--warn-bg);color:var(--warn)}.row .ico.n{background:var(--line-2);color:var(--mute)}.row .ico.f{background:var(--brand);color:#fff}.row .tx{flex:1;min-width:0}.row .tx b{letter-spacing:-.01em;font-size:12.5px;font-weight:600;display:block}.row .tx span{color:var(--mute);margin-top:2px;font-size:11px;line-height:1.45;display:block}.row .rt{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:3px;display:flex}.row .rt b{font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.row .rt span{color:var(--mute);font-size:10px}.row.tap{transition:opacity .12s}.row.tap:active{opacity:.55}.amt-in{color:var(--gain)}.empty{text-align:center;padding:40px 22px}.empty .e-ic{background:var(--line-2);width:56px;height:56px;color:var(--mute-2);border-radius:18px;place-items:center;margin:0 auto;display:grid}.empty b{margin:12px 0 4px;font-size:13.5px;display:block}.empty p{color:var(--mute);margin:0 0 16px;font-size:11.5px;line-height:1.6}.tabbar{z-index:30;-webkit-backdrop-filter:saturate(170%)blur(20px);background:#fffffff5;border-radius:24px;gap:2px;padding:7px;display:flex;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 20px 46px #070c1629,0 4px 14px #070c1614,inset 0 0 0 1px #e6eaf2e6}.tab{color:#7a8699;border-radius:17px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 2px 7px;transition:color .18s,background .18s;display:flex}.tab svg{stroke-width:1.7px;width:20px;height:20px;transition:stroke-width .18s}.tab span{letter-spacing:.005em;font-size:9.5px;font-weight:600}.tab.on{color:#fff;background:linear-gradient(180deg,#2e6bff,var(--brand-600));box-shadow:0 6px 16px #1557f059,inset 0 1px #ffffff3d}.tab.on svg{stroke-width:2.1px}.tab.on span{font-weight:700}.shophead{z-index:18;background:linear-gradient(120deg,#04070e 0%,#0c2050 58%,#1550d6 130%);min-height:56px;padding:10px 12px;position:sticky;top:0}.shopband{background:linear-gradient(120deg,#04070e -30%,#0c2050 40%,#1550d6 130%);padding:0 12px 14px}.shophead-row{align-items:center;gap:8px;display:flex}.searchbar{color:var(--mute);background:#fff;border-radius:13px;flex:1;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;display:flex;box-shadow:0 4px 14px #03071138,inset 0 0 0 1px #ffffff80}.searchbar svg{width:16px;height:16px;color:var(--mute-2)}.shop-ic{color:#fff;border-radius:11px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid;position:relative}.shop-ic:active{background:#ffffff29}.rolestrip{color:#fff;background:#ffffff1a;border-radius:14px;align-items:center;gap:9px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff24}.rolestrip svg{width:17px;height:17px}.rolestrip b{font-size:11.5px;font-weight:700;display:block}.rolestrip span{color:#d3e0ff;margin-top:1px;font-size:10.5px;line-height:1.4;display:block}.rolestrip .pill{color:var(--brand);letter-spacing:-.02em;background:#fff;border-radius:9px;margin-left:auto;padding:4px 10px;font-size:13px;font-weight:800}.banner-wrap{margin:12px 12px 0;position:relative}.banner{scroll-snap-type:x mandatory;border-radius:var(--r-lg);gap:9px;display:flex;overflow-x:auto}.banner::-webkit-scrollbar{display:none}.bslide{scroll-snap-align:center;border-radius:var(--r-lg);color:#fff;flex-direction:column;flex:0 0 100%;justify-content:center;min-height:118px;padding:17px 18px;display:flex;position:relative;overflow:hidden}.bslide h4,.bslide p{z-index:1;position:relative}.bslide h4{letter-spacing:-.025em;margin:0 0 5px;font-size:16.5px;font-weight:800;line-height:1.2}.bslide p{color:#ffffffd9;max-width:76%;margin:0;font-size:11.5px;line-height:1.5}.bslide .bs-art{opacity:.28;position:absolute;bottom:-14px;right:-14px}.bdots{justify-content:center;gap:4px;margin-top:9px;display:flex}.bdots i{background:var(--line);border-radius:99px;width:5px;height:5px;transition:width .25s,background .25s}.bdots i.on{background:var(--brand);width:16px}.flash{border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--line);margin:12px 12px 0;overflow:hidden;box-shadow:0 1px 2px #070c160a,0 8px 24px #070c1614,0 24px 48px -24px #070c1624}.flash-sisa{color:var(--mute);margin-left:auto;font-size:10px;font-weight:600}.flash-top{color:var(--ink);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:13px 14px 11px;display:flex}.flash-top b{letter-spacing:-.02em;font-size:13.5px;font-weight:800}.flash-top svg{width:17px;height:17px;color:var(--brand)}.countdown{align-items:center;gap:3px;display:flex}.countdown i{background:var(--ink);color:#fff;font-variant-numeric:tabular-nums;text-align:center;border-radius:6px;min-width:22px;padding:3px 5px;font-size:11px;font-style:normal;font-weight:700}.countdown u{color:var(--mute);font-size:10px;font-weight:700;text-decoration:none}.frail{background:var(--canvas);gap:10px;padding:12px 14px 16px;display:flex;overflow-x:auto}.frail::-webkit-scrollbar{display:none}.fcard{background:var(--paper);text-align:left;border:1px solid var(--line);border-radius:12px;flex-direction:column;flex:0 0 112px;padding:7px 7px 9px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 1px 2px #070c160d,0 4px 12px #070c160f}.fcard:hover{transform:translateY(-2px);box-shadow:0 2px 4px #070c160f,0 10px 22px #070c161a}.fcard .fart{aspect-ratio:1;background:var(--canvas);border-radius:8px;width:100%;margin-bottom:7px;position:relative;overflow:hidden}.fcard .fart img,.fcard .fart svg{object-fit:cover;width:100%;height:100%;display:block}.fdisk{background:var(--bad);color:#fff;letter-spacing:-.01em;border-radius:5px;padding:2px 5px;font-size:9.5px;font-weight:800;position:absolute;top:5px;left:5px}.fcard .fnama{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;margin-bottom:3px;font-size:10.5px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.fcard .fp{color:var(--brand);letter-spacing:-.02em;font-size:13px;font-weight:800}.fcard .fcoret{color:var(--mute);font-size:10px;text-decoration:line-through}.fbar{background:var(--brand-100);border-radius:99px;height:14px;margin-top:auto;position:relative;overflow:hidden}.fcard .fp+.fbar,.fcard .fcoret+.fbar{margin-top:6px}.fbar i{width:var(--w);background:linear-gradient(90deg,#8fb2ff,#b9cfff);border-radius:99px;position:absolute;inset:0}.fbar span{color:var(--ink);letter-spacing:-.01em;place-items:center;font-size:9px;font-weight:700;display:grid;position:absolute;inset:0}.vrail{gap:9px;margin-top:14px;padding:0 12px;display:flex;overflow-x:auto}.vrail::-webkit-scrollbar{display:none}.vcard{background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh-1);border-radius:15px;flex:0 0 208px;align-items:center;gap:11px;padding:11px 13px;display:flex;position:relative;overflow:hidden}.vcard:before{content:"";border-left:1.5px dashed var(--line);width:1px;position:absolute;top:0;bottom:0;left:52px}.vcard .vic{background:var(--brand-50);width:34px;height:34px;color:var(--brand);border-radius:11px;flex:0 0 34px;place-items:center;display:grid}.vcard b{letter-spacing:-.01em;font-size:11.5px;font-weight:700;display:block}.vcard span{color:var(--mute);margin-top:2px;font-size:10px;display:block}.sortbar{z-index:12;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-2);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;background:#fffffff0;flex-wrap:nowrap;align-items:center;gap:6px;margin-top:14px;padding:9px 14px;display:flex;position:sticky;top:54px;overflow:auto hidden}.sortbar::-webkit-scrollbar{display:none}.sortbar>a,.sortbar>button{white-space:nowrap;scroll-snap-align:start;flex:none}.sortbar:after{content:"";flex:0 0 4px}.sortbar a b,.sortbar button b{background:var(--line-2);min-width:16px;height:16px;color:var(--ink-2);border-radius:99px;place-items:center;margin-left:5px;padding:0 4px;font-size:10px;font-weight:700;display:inline-grid}.sortbar a.on b,.sortbar button.on b{color:#fff;background:#ffffff3d}.sortbar button{color:var(--mute);border-radius:99px;align-items:center;gap:4px;padding:7px 12px;font-size:11.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.sortbar button.on{background:var(--ink);color:#fff;font-weight:700}.sortbar button svg{width:13px;height:13px}.sortbar .filt{color:var(--ink-2);margin-left:auto}.sortbar.sejajar{border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh-1);-webkit-backdrop-filter:none;margin:12px 0 0;padding:6px}.grid2{grid-template-columns:1fr 1fr;gap:9px;padding:12px;display:grid}.gcard{background:var(--paper);border-radius:var(--r);border:1px solid var(--line);min-width:0;box-shadow:var(--sh-1);flex-direction:column;transition:transform .12s,box-shadow .16s,border-color .16s;display:flex;overflow:hidden}.gcard:active{transform:scale(.98)}.gcard:hover{box-shadow:var(--sh-3);border-color:var(--brand-200);transform:translateY(-2px)}.gart{aspect-ratio:1;background:var(--line-2);width:100%;position:relative;overflow:hidden}.gart svg{width:100%;height:100%}.gbadge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;text-align:center;background:#050911d1;border-radius:9px;padding:4px 8px;font-size:9.5px;font-weight:800;line-height:1.15;position:absolute;top:7px;right:7px;box-shadow:inset 0 0 0 1px #ffffff24}.gbadge u{opacity:.9;font-size:8px;font-weight:600;text-decoration:none;display:block}.gflag{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b111cb8;border-radius:6px;padding:3px 6px;font-size:8.5px;font-weight:700;position:absolute;bottom:6px;left:6px}.gbody{flex-direction:column;flex:1;padding:9px 10px 11px;display:flex}.gname{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:31px;margin:0 0 6px;font-size:11.5px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.gprice{color:var(--ink);letter-spacing:-.035em;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:5px;font-size:15.5px;font-weight:800;display:flex}.gwas{color:var(--mute-2);letter-spacing:0;font-size:10.5px;font-weight:400;text-decoration:line-through}.gsave{color:var(--gain);margin-top:3px;font-size:10px;font-weight:700}.gfoot{color:var(--mute);align-items:center;gap:5px;margin-top:auto;padding-top:8px;font-size:9.5px;display:flex}.gfoot svg{color:#e8a317;width:11px;height:11px}.gfoot .dv{background:var(--mute-2);border-radius:99px;width:2px;height:2px}.gallery{background:#fff;position:relative}.gal-track{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.gal-track::-webkit-scrollbar{display:none}.gal-track>div{scroll-snap-align:center;aspect-ratio:1;flex:0 0 100%}.gal-track svg{width:100%;height:100%}.gal-nav{z-index:5;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.gal-nav .iconbtn{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b111c80}.gal-nav .iconbtn:hover{background:#0b111cad}.gal-count{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b111c99;border-radius:99px;padding:4px 9px;font-size:10.5px;font-weight:600;position:absolute;bottom:12px;right:12px}.pdp-price{color:#fff;border-radius:0 0 var(--r-xl) var(--r-xl);background:linear-gradient(150deg,#04070e,#0c2050 78%,#1550d6 155%);padding:17px 16px;box-shadow:inset 0 1px #ffffff0f}.pdp-price .pnow{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1}.pdp-price .pwas{color:#93a8cc;margin-left:9px;font-size:12.5px;text-decoration:line-through}.pdp-price .prow{flex-wrap:wrap;align-items:baseline;display:flex}.pdp-price .psave{background:#ffffff26;border-radius:8px;margin-left:auto;padding:5px 9px;font-size:11px;font-weight:700}.pdp-price .pmeta{color:#a6b7d6;gap:14px;margin-top:12px;font-size:11px;display:flex}.pdp-price .pmeta b{color:#fff;font-weight:700}.varlist{flex-wrap:wrap;gap:8px;display:flex}.var{border:1.5px solid var(--line);color:var(--ink-2);background:#fff;border-radius:11px;padding:8px 13px;font-size:12px;font-weight:600}.var.on{border-color:var(--brand);background:var(--brand-50);color:var(--brand-600);box-shadow:var(--ring)}.qty{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;display:inline-flex;overflow:hidden}.qty button{width:32px;height:32px;color:var(--brand);background:var(--brand-50);place-items:center;display:grid}.qty button[disabled]{color:var(--mute-2);background:var(--line-2)}.qty span{text-align:center;font-variant-numeric:tabular-nums;width:36px;font-size:13px;font-weight:700}.qty input{text-align:center;width:46px;height:32px;font:inherit;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--ink);border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);appearance:textfield;background:#fff;border-radius:0;padding:0;font-size:13px;font-weight:700}.qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty input:focus{background:var(--brand-50);color:var(--brand);box-shadow:inset 0 0 0 2px var(--brand);outline:0}.qty input:disabled{color:var(--mute-2);background:var(--line-2)}.vcard{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;align-items:stretch;gap:0;width:100%;margin-bottom:10px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.vcard.on{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.vcard.mati{opacity:.55}.vcard .vc-sisi{color:#fff;background:var(--brand);flex:0 0 52px;place-items:center;display:grid;position:relative}.vcard.mati .vc-sisi{background:var(--mute-2)}.vcard .vc-sisi:before,.vcard .vc-sisi:after{content:"";background:var(--bg);border-radius:50%;width:12px;height:12px;position:absolute;right:-6px}.vcard .vc-sisi:before{top:-6px}.vcard .vc-sisi:after{bottom:-6px}.vcard .vc-isi{flex:1;min-width:0;padding:11px 13px;display:block}.vcard .vc-judul{align-items:center;gap:6px;margin-bottom:2px;font-size:13px;display:flex}.vcard .vc-nilai{color:var(--brand);font-size:12px;font-weight:700;display:block}.vcard.mati .vc-nilai{color:var(--mute)}.vcard .vc-syarat{color:var(--mute);margin-top:3px;font-size:11px;line-height:1.5;display:block}.vcard .vc-tanda{border:2px solid var(--line);border-radius:50%;flex:0 0 18px;align-self:center;width:18px;height:18px;margin-right:13px}.vcard.on .vc-tanda{border-color:var(--brand);background:var(--brand);box-shadow:inset 0 0 0 3px #fff}.ladder-row{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;padding:9px 0;display:flex}.ladder-row:last-child{border-bottom:0}.ladder-row .lr-n{flex:1;font-size:12px;font-weight:600}.ladder-row.you{background:var(--brand-50);border-bottom:0;border-radius:10px;margin:0 -15px;padding:9px 15px}.ladder-row .lr-p{font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.pcard{padding:0;overflow:hidden}.pcard-atas{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;padding:11px 13px;display:flex}.pcard-nomor{color:var(--ink);letter-spacing:-.01em;font-size:12.5px;font-weight:700;display:block}.pcard-isi{align-items:flex-start;gap:10px;padding:11px 13px;display:flex}.pcard-resi{color:var(--ink-2);background:var(--brand-50);border-top:1px solid var(--line-2);align-items:center;gap:7px;padding:8px 13px;font-size:11px;font-weight:600;display:flex}.pcard-resi svg{width:13px;height:13px;color:var(--brand)}.pcard-aksi{border-top:1px solid var(--line-2);background:var(--bg-2,#fbfcfe);align-items:center;gap:7px;padding:10px 13px;display:flex}.pcard-aksi .btn:last-child{margin-left:auto}.pcard-pilih{cursor:pointer;flex:none;align-items:center;display:inline-flex}.pcard-pilih input{width:19px;height:19px;accent-color:var(--brand);cursor:pointer;margin:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.actionbar{z-index:14;padding:12px 14px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:saturate(170%)blur(20px);border-top:1px solid var(--line);background:#ffffffeb;align-items:center;gap:9px;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 28px #070c160d}.actionbar.lift{bottom:72px}.ab-p{flex:1;min-width:0}.ab-p span{color:var(--mute);font-size:10px;font-weight:600;display:block}.ab-p b{letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;display:block}.ab-ic{background:var(--brand-50);width:46px;height:46px;color:var(--brand);border-radius:13px;flex:0 0 46px;place-items:center;display:grid;position:relative}.ab-ic:active{background:var(--brand-100)}.cbox{border:1.5px solid var(--line);color:#0000;background:#fff;border-radius:7px;flex:0 0 21px;place-items:center;width:21px;height:21px;transition:all .15s;display:grid}.cbox.on{background:var(--brand);border-color:var(--brand);color:#fff}.citem{border-bottom:1px solid var(--line-2);align-items:flex-start;gap:11px;padding:13px 0;display:flex}.citem:last-child{border-bottom:0}.cart-art{background:var(--line-2);border-radius:12px;flex:0 0 66px;width:66px;height:66px;overflow:hidden}.cart-art svg{width:100%;height:100%}.cnote{background:var(--gain-bg);color:var(--gain);border-radius:11px;align-items:center;gap:7px;padding:9px 11px;font-size:11px;font-weight:600;line-height:1.45;display:flex}.cnote svg{flex:0 0 15px;width:15px;height:15px}.ck-addr{align-items:flex-start;gap:11px;display:flex}.ck-addr .ico{background:var(--brand-50);width:36px;height:36px;color:var(--brand);border-radius:12px;flex:0 0 36px;place-items:center;display:grid}.optrow{border:1.5px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:11px;width:100%;margin-bottom:8px;padding:12px 13px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.optrow.on{border-color:var(--brand);background:var(--brand-50);box-shadow:var(--ring)}.optrow .ico{background:var(--line-2);width:34px;height:34px;color:var(--ink-2);border-radius:11px;flex:0 0 34px;place-items:center;display:grid}.optrow.on .ico{background:var(--brand);color:#fff}.optrow .tx{flex:1;min-width:0}.optrow .tx b{font-size:12.5px;font-weight:600;display:block}.optrow .tx span{color:var(--mute);margin-top:1px;font-size:10.5px;display:block}.radio{border:1.5px solid var(--line);border-radius:50%;flex:0 0 19px;place-items:center;width:19px;height:19px;display:grid}.optrow.on .radio{border-color:var(--brand)}.optrow.on .radio:after{content:"";background:var(--brand);border-radius:50%;width:9px;height:9px}.bill{border-top:1px dashed var(--line);margin-top:12px;padding-top:12px}.bl{color:var(--ink-2);justify-content:space-between;gap:12px;padding:5px 0;font-size:12px;display:flex}.bl b{font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;font-weight:600}.bl.total{border-top:1px solid var(--line);margin-top:8px;padding-top:11px;font-size:13.5px;font-weight:700}.bl.total b{letter-spacing:-.03em;color:var(--brand);font-size:18px;font-weight:800}.bl.dim{color:var(--mute)}.bl.dim b{color:var(--mute);font-weight:400}.bl.gain b,.bl.gain span{color:var(--gain)}.toggle{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:15px;align-items:center;gap:12px;width:100%;padding:13px;display:flex}.toggle.on{border-color:var(--brand);background:var(--brand-50);box-shadow:var(--ring)}.tg-sw{background:var(--line);border-radius:99px;flex:0 0 42px;width:42px;height:24px;transition:background .22s;position:relative}.tg-sw:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .22s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #00000038}.toggle.on .tg-sw{background:var(--brand)}.toggle.on .tg-sw:after{transform:translate(18px)}.tg-tx b{font-size:12.5px;font-weight:700;display:block}.tg-tx span{color:var(--mute);margin-top:2px;font-size:10.5px;line-height:1.45;display:block}.g2{gap:12px;display:grid}@media (width>=420px){.g2{grid-template-columns:1fr 1fr}}.g2 .field{margin-bottom:0}.field{margin-bottom:12px}.field label{color:var(--ink-2);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.inp{border:1.5px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:12px 13px;font-size:13px;transition:border-color .16s,box-shadow .16s}.inp:focus{border-color:var(--brand);box-shadow:var(--ring);outline:none}.inp::placeholder{color:var(--mute-2)}textarea.inp{resize:vertical;min-height:74px;line-height:1.55}.hint{color:var(--mute);margin:7px 0 0;font-size:10.5px;line-height:1.55}.code-txt{letter-spacing:.06em;margin:0;font-size:17px;font-weight:700}.node{margin-bottom:8px;position:relative}.node.lv1{margin-left:20px}.node.lv2{margin-left:40px}.node.lv1:before,.node.lv2:before{content:"";background:var(--line);width:1.5px;position:absolute;top:-8px;bottom:50%;left:-13px}.node.lv1:after,.node.lv2:after{content:"";background:var(--line);width:11px;height:1.5px;position:absolute;top:50%;left:-13px}.ncard{background:var(--paper);border:1px solid var(--line);width:100%;box-shadow:var(--sh-1);border-radius:15px;align-items:center;gap:11px;padding:11px 12px;transition:box-shadow .16s,border-color .16s;display:flex}.ncard:hover{box-shadow:var(--sh-2);border-color:var(--brand-200)}.av{color:#fff;background:linear-gradient(140deg,var(--brand),#5b8cff);letter-spacing:-.02em;border-radius:12px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.av.q{background:linear-gradient(140deg,#59677e,#8894a8)}.av.g{background:linear-gradient(140deg,#12945f,#2bc894)}.ncard .tx{flex:1;min-width:0}.ncard .tx b{font-size:12.5px;font-weight:600;display:block}.ncard .tx span{color:var(--mute);margin-top:2px;font-size:10.5px;display:block}.pulse{background:var(--gain);border-radius:50%;flex:0 0 8px;width:8px;height:8px}.pulse.off{background:var(--mute-2)}.pulse.on{animation:2.2s infinite pl}@keyframes pl{0%{box-shadow:0 0 #12945f80}70%{box-shadow:0 0 0 7px #12945f00}to{box-shadow:0 0 #12945f00}}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.kpi{background:var(--paper);box-shadow:var(--sh-1);border-radius:15px;padding:13px}.kpi .k{letter-spacing:.09em;text-transform:uppercase;color:var(--mute);margin:0;font-size:9.5px;font-weight:700}.kpi .v{letter-spacing:-.03em;margin:6px 0 0;font-size:20px;font-weight:800}.kpi.hit{background:linear-gradient(180deg,var(--gain-bg),#fff 70%);box-shadow:inset 0 0 0 1px #12945f38}.kpi.miss{background:linear-gradient(180deg,var(--bad-bg),#fff 70%);box-shadow:inset 0 0 0 1px #d2382f33}.kpi .st{align-items:center;gap:4px;margin-top:4px;font-size:10.5px;font-weight:600;display:flex}.kpi .st svg{width:12px;height:12px}.kpi.hit .st{color:var(--gain)}.kpi.miss .st{color:var(--bad)}.hero{color:#fff;background:linear-gradient(165deg,#04070e 0%,#0b1e42 50%,#1550d6 108%);padding:28px 20px;position:relative;overflow:hidden;box-shadow:inset 0 -1px #ffffff12}.hero:after{content:"";background:radial-gradient(circle,#5b8cff80,#0000 66%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-170px;right:-110px}.hero>*{z-index:1;position:relative}.hero h1{letter-spacing:-.035em;margin:12px 0 9px;font-size:26px;font-weight:800;line-height:1.16}.hero p{color:#b2c2df;margin:0 0 18px;font-size:12.5px;line-height:1.6}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--brand-200);align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.eyebrow svg{width:13px;height:13px}.hero-stats{gap:20px;margin-top:20px;display:flex}.hero-stats div b{letter-spacing:-.03em;font-size:19px;font-weight:800;display:block}.hero-stats div span{color:#8b9dbe;text-transform:uppercase;letter-spacing:.1em;margin-top:3px;font-size:9.5px;font-weight:600;display:block}.step{background:var(--paper);box-shadow:var(--sh-2);border-radius:16px;align-items:flex-start;gap:13px;padding:14px;display:flex}.step+.step{margin-top:9px}.step .lv{color:#fff;border-radius:14px;flex:0 0 44px;place-items:center;height:44px;display:grid}.step h4{margin:0 0 4px;font-size:13.5px;font-weight:700}.step p{color:var(--mute);margin:0 0 9px;font-size:11px;line-height:1.6}.step .disc{color:var(--brand);letter-spacing:-.025em;font-size:15px;font-weight:800}.modal-bg{-webkit-backdrop-filter:blur(3px);z-index:50;background:#0307118f;align-items:flex-end;animation:.2s fade;display:flex;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.modal{z-index:1;background:var(--paper);border-radius:28px 28px 0 0;width:100%;max-height:88%;animation:.3s cubic-bezier(.32,.72,0,1) up;position:relative;overflow-y:auto;box-shadow:0 -18px 50px #0307114d}@keyframes up{0%{transform:translateY(100%)}}.modal-in{padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.grab{background:#d6dce7;border-radius:99px;width:40px;height:4.5px;margin:11px auto 4px}.modal-t{align-items:center;gap:10px;margin-bottom:14px;display:flex}.modal-t h3{letter-spacing:-.02em;margin:0;font-size:15px;font-weight:700}.toast-wrap{z-index:60;pointer-events:none;gap:8px;display:grid;position:absolute;bottom:86px;left:14px;right:14px}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#070c16f0;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;font-size:12px;font-weight:600;line-height:1.45;animation:.3s cubic-bezier(.32,.72,0,1) toastIn;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a,0 12px 34px #03071166}.toast svg{flex:0 0 16px;width:16px;height:16px}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.toast.gain{background:#0e7c50}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt20{margin-top:20px}.muted{color:var(--mute)}.fs11{font-size:11px}.fs12{font-size:12px}.fs13{font-size:13px}.rowflex{align-items:center;gap:9px;display:flex}.grow{flex:1}.center{text-align:center}.divider{background:var(--line-2);height:1px;margin:13px 0}.stack{gap:9px;display:grid}.rail-close{display:none}@media (width<=900px){body{background:var(--canvas)}.app{height:100dvh;display:block}.stage{background:var(--canvas);height:100dvh;padding:0}.stage:before{display:none}.phone{width:100%;height:100dvh;box-shadow:none;border-radius:0}.statusbar{display:none}.viewport{padding-top:env(safe-area-inset-top)}.tabbar{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom))}.shophead{padding-top:calc(10px + env(safe-area-inset-top))}}@media (width>=901px){.shophead{border-radius:0}}@media (width<=360px){.grid2{gap:7px}.gname{font-size:11px}.gprice{font-size:14px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}body{flex-direction:column;display:flex}a{color:inherit;text-decoration:none}.viewport{flex:1;width:100%;max-width:480px;min-height:0;margin-inline:auto}.sortbar a{color:var(--mute);border-radius:99px;align-items:center;gap:4px;padding:7px 12px;font-size:11.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.sortbar a.on{background:var(--ink);color:#fff;font-weight:700}.sortbar a svg{width:13px;height:13px}.gart img,.fart img,.gal-track img,.bslide img,.cart-art img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.bslide{min-height:0;padding:0;display:block;position:relative;overflow:hidden}.bslide img{object-fit:fill;width:100%;height:auto;position:static}.searchbar input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:12.5px}.searchbar input::placeholder{color:var(--mute)}.searchbar input::-webkit-search-cancel-button{-webkit-appearance:none}.var{white-space:nowrap;align-items:center;display:inline-flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gcard,.shop-ic{padding:1px 6px}.gcard{position:relative}.gstretch{z-index:1;border-radius:inherit;position:absolute;inset:0}.gcard:focus-within{box-shadow:var(--sh-3);border-color:var(--brand-200)}.gpricerow{align-items:center;gap:8px;display:flex}.gpricerow .gprice{flex:1;min-width:0}.gadd{z-index:2;background:var(--brand);color:#fff;width:32px;height:32px;box-shadow:var(--sh-1);border-radius:10px;flex:0 0 32px;place-items:center;transition:transform .12s,background .16s;display:grid;position:relative}.gadd svg{width:16px;height:16px}.gadd:hover{background:var(--brand-600)}.gadd:active{transform:scale(.9)}.gadd[disabled]{background:var(--line-2);color:var(--mute-2);box-shadow:none}.shop-ic{position:relative}.shop-ic .dot-badge,.ab-ic .dot-badge{top:-4px;right:-4px}.qty form,.actionbar form{display:contents}.var:has(input:checked){border-color:var(--brand);background:var(--brand-50);color:var(--brand-600);box-shadow:var(--ring)}.var:focus-within{box-shadow:var(--ring)}.var{cursor:pointer}.btn.grow{flex:1;justify-content:center}.ab-ic[disabled]{background:var(--line-2);color:var(--mute-2);pointer-events:none}.pad.ada-bilah,.pad0.ada-bilah{padding-bottom:186px}.inp-sandi{position:relative}.inp-sandi .inp{width:100%;padding-right:44px}.sandi-intip{width:32px;height:32px;color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;transition:all .14s;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.sandi-intip:hover{background:var(--line-2);color:var(--ink-2)}.sandi-intip:focus-visible{box-shadow:var(--ring);color:var(--brand)}.sandi-intip[aria-pressed=true]{color:var(--brand)}.note{background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:14px;align-items:flex-start;gap:11px;padding:12px 13px;display:flex}.note.b{background:var(--brand-50)}.note.w{background:var(--warn-bg);border-left-color:var(--warn)}.note.r{background:var(--bad-bg);border-left-color:var(--bad)}.note .nic{width:26px;height:26px;color:var(--brand);background:#ffffffd1;border-radius:9px;flex:0 0 26px;place-items:center;margin-top:1px;display:grid}.note.w .nic{color:var(--warn)}.note.r .nic{color:var(--bad)}.verif-surel{margin:12px 16px 0}.verif-surel>div{flex:1;min-width:0}.verif-surel p b{font-size:inherit;word-break:break-all;margin:0;display:inline}.verif-surel form{margin:9px 0 0}.verif-surel button{cursor:pointer;font:inherit;background:var(--warn);color:#fff;border:0;border-radius:10px;padding:7px 12px;font-size:11.5px;font-weight:700}.verif-surel button:hover{filter:brightness(.95)}.note b{color:var(--ink);margin-bottom:3px;font-size:12px;font-weight:700;display:block}.note p{color:var(--ink-2);margin:0;font-size:11px;line-height:1.6}.fld-err{color:var(--bad);margin:6px 0 0;font-size:10.5px;font-weight:600;line-height:1.5}.pilih{cursor:pointer;border:1.5px solid var(--line);background:#fff;border-radius:14px;align-items:flex-start;gap:11px;width:100%;padding:12px;transition:border-color .16s,background .16s,box-shadow .16s;display:flex}.pilih+.pilih{margin-top:8px}.pilih:has(input:checked){border-color:var(--brand);background:var(--brand-50);box-shadow:var(--ring)}.pilih:focus-within{box-shadow:var(--ring)}.pilih-tanda{border:2px solid var(--line);background:#fff;border-radius:99px;flex:0 0 19px;width:19px;height:19px;margin-top:1px;transition:all .16s;position:relative}.pilih-tanda.kotak{border-radius:6px}.pilih:has(input:checked) .pilih-tanda{border-color:var(--brand);background:var(--brand)}.pilih:has(input:checked) .pilih-tanda:after{content:"";background:#fff;border-radius:99px;width:7px;height:7px;margin:auto;position:absolute;inset:0}.pilih:has(input:checked) .pilih-tanda.kotak:after{background:0 0;border:2px solid #fff;border-width:0 2px 2px 0;border-radius:0;width:5px;height:9px;margin:2px auto auto;transform:rotate(45deg)}.pilih-judul{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.pilih-judul b{letter-spacing:-.01em;font-size:13px;font-weight:700}.pilih-cat{color:var(--mute);margin-top:4px;font-size:11px;line-height:1.55;display:block}.pesan-siap{color:var(--ink);white-space:pre-wrap;word-break:break-word;background:#e9f7ee;border-radius:14px;padding:13px;font-size:12px;line-height:1.65;box-shadow:inset 0 0 0 1px #12945f2e}.ktp-drop{aspect-ratio:85.6/54;cursor:pointer;background:var(--canvas);border:1.5px dashed var(--line);border-radius:16px;width:100%;transition:border-color .16s,background .16s;display:block;position:relative;overflow:hidden}.ktp-drop:hover{border-color:var(--brand-200);background:var(--brand-50)}.ktp-drop img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ktp-drop-kosong{text-align:center;color:var(--mute);place-content:center;justify-items:center;gap:4px;padding:16px;display:grid;position:absolute;inset:0}.ktp-drop-kosong b{color:var(--ink-2);font-size:12.5px;font-weight:650}.ktp-drop-kosong span{font-size:11px}[hidden]{display:none!important}.bl b.teks{white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:right;max-width:64%;font-weight:600;line-height:1.5}.brg{border-bottom:1px solid var(--line-2);padding:11px 0}.brg:last-of-type{border-bottom:0}.brg-baris{align-items:baseline;gap:10px;display:flex}.brg-nama{min-width:0;color:var(--ink);overflow-wrap:anywhere;flex:1;font-size:12.5px;font-weight:700;line-height:1.45}.brg-qty{color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-size:11.5px;font-weight:600}.brg-hrg{color:var(--mute);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;flex:none;font-size:11.5px}.brg-meta{color:var(--mute);margin:3px 0 0;font-size:11px}.brg-sub{color:var(--ink-2);justify-content:space-between;align-items:baseline;margin-top:7px;font-size:12px;display:flex}.brg-sub b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.ncard .tx b.nnama{flex-wrap:wrap;align-items:center;gap:6px;line-height:1.4;display:flex}.peran{letter-spacing:.01em;color:var(--mute);text-transform:capitalize;background:#edf0f5;border-radius:99px;flex:none;padding:2px 7px;font-size:9.5px;font-weight:700}.peran.jaring{background:var(--brand-50);color:var(--brand-600)}.ulas{border-bottom:1px solid var(--line-2);padding:12px 0}.ulas:last-of-type{border-bottom:0}.ulas-nama{font-size:12.5px;font-weight:700;line-height:1.45;display:block}.ulas-ket{margin-top:8px;font-size:12px}.bintang{flex-direction:row-reverse;gap:3px;margin-top:6px;display:inline-flex}.bintang input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.bintang label{color:var(--line-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:26px;line-height:1;transition:color .12s,transform .12s}.bintang input:checked~label{color:#f5a623}.bintang label:hover,.bintang label:hover~label{color:#f5a623;transform:scale(1.04)}.bintang input:focus-visible+label{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.ul-atas{background:var(--canvas);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:18px;padding:16px;display:flex}.ul-nilai{text-align:center;flex:none;min-width:96px}.ul-nilai b{letter-spacing:-.04em;color:#f0b429;font-size:34px;font-weight:800;line-height:1.05;display:block}.ul-per5{color:var(--mute);margin-top:1px;font-size:11px;display:block}.ul-bintang{color:#f0b429;gap:1px;margin-top:5px;display:inline-flex}.ul-bintang.kecil{margin-top:3px}.ul-sebar{flex:190px;gap:4px;min-width:0;display:grid}.ul-baris{border-radius:8px;align-items:center;gap:8px;padding:2px 6px;transition:background .14s;display:flex}.ul-baris:hover{background:var(--paper)}.ul-baris.on{background:var(--paper);box-shadow:inset 0 0 0 1px var(--brand-200)}.ul-b{width:30px;color:var(--ink-2);flex:none;align-items:center;gap:3px;font-size:11px;font-weight:700;display:inline-flex}.ul-b svg{color:#f0b429}.ul-bar{background:var(--line-2);border-radius:99px;flex:1;height:6px;overflow:hidden}.ul-bar i{background:#f0b429;border-radius:99px;height:100%;display:block}.ul-n{text-align:right;width:26px;color:var(--mute);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.ul-item{border-bottom:1px solid var(--line-2);gap:10px;padding:12px 0;display:flex}.ul-item:last-of-type{border-bottom:0}.ul-kepala{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.ul-kepala b{font-size:12px;font-weight:700}.ul-tgl{color:var(--mute);font-size:10.5px}.ul-teks{color:var(--ink-2);overflow-wrap:anywhere;margin:6px 0 0;font-size:12px;line-height:1.6}.ojrinci{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:12px 14px}.ojrinci-t{letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:0 0 9px;font-size:10px;font-weight:700}.ojrinci-bar{background:var(--line-2);border-radius:99px;height:6px;display:flex;overflow:hidden}.ojrinci-bar i{height:100%;transition:width .4s;display:block}.ojrinci .l1{background:var(--brand)}.ojrinci .l2{background:var(--brand-400)}.ojrinci-g{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.ojrinci-g>div+div{border-left:1px solid var(--line-2);padding-left:10px}.ojrinci-k{color:var(--ink-2);align-items:center;gap:5px;font-size:11px;font-weight:650;display:flex}.ojrinci-k i{border-radius:2px;flex:0 0 8px;width:8px;height:8px}.ojrinci-k em{color:var(--mute-2);font-variant-numeric:tabular-nums;margin-left:auto;font-style:normal;font-weight:600}.ojrinci-g b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:3px;font-size:15px;font-weight:800;display:block}.ojrinci-s{color:var(--mute);margin-top:1px;font-size:10.5px;display:block}.bd-appbar{gap:10px}.bd-av{letter-spacing:-.02em;color:#fff;background:linear-gradient(135deg,#0b1e42,var(--brand));border-radius:13px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid;box-shadow:0 4px 12px #1557f040}.bd-sapa{color:var(--mute);margin:0;font-size:11px;font-weight:500;line-height:1.2}.bd-appbar h2{white-space:nowrap;text-overflow:ellipsis;line-height:1.25;overflow:hidden}.bd-wmini{color:#a6b7d6;flex-wrap:wrap;gap:4px 14px;margin:10px 0 0;font-size:11.5px;display:flex}.bd-wmini b{color:#fff;font-variant-numeric:tabular-nums;margin-left:3px;font-weight:700}.bd-wmini+.pend{color:#8397ba;margin-top:3px;font-size:10.5px}.bd-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:14px}.bd-panel-h{align-items:flex-end;gap:10px;margin-bottom:10px;display:flex}.bd-panel-h h3{letter-spacing:-.015em;margin:0;font-size:13.5px;font-weight:700}.bd-panel-h p{color:var(--mute);margin:2px 0 0;font-size:11px}.bd-rentang{background:var(--line-2);scrollbar-width:none;border-radius:12px;gap:3px;padding:3px;display:flex;overflow-x:auto}.bd-rentang::-webkit-scrollbar{display:none}.bd-rentang a{text-align:center;color:var(--mute);white-space:nowrap;border-radius:9px;flex:1 0 auto;padding:7px 10px;font-size:11.5px;font-weight:600;transition:background .15s,color .15s}.bd-rentang a:hover{color:var(--ink-2)}.bd-rentang a.on{background:var(--paper);color:var(--ink);font-weight:700;box-shadow:0 1px 3px #070c161f}.bd-stat{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:12px;display:grid}.bd-stat.dua{grid-template-columns:repeat(2,minmax(0,1fr))}.bd-stat>div{background:var(--canvas);border-radius:14px;min-width:0;padding:12px}.bd-stat>div.utama{background:linear-gradient(160deg,var(--brand-50),#e2ecff);box-shadow:inset 0 0 0 1px #1557f029}.bd-stat .k{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);white-space:nowrap;align-items:center;gap:5px;margin:0;font-size:10px;font-weight:700;display:flex}.bd-stat .k svg{flex:0 0 12px;width:12px;height:12px}.bd-stat .v{letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:21px;font-weight:800;line-height:1.1}.bd-stat .d{color:var(--mute);margin:3px 0 0;font-size:10.5px;line-height:1.4}.bd-stat .utama .k{color:var(--brand-600)}.bd-stat .utama .v{color:var(--brand-700)}.bd-sub{border-top:1px dashed var(--line);margin-top:12px;padding-top:12px}.bd-sub .ojrinci{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.bd-kosong{background:var(--brand-50);color:var(--brand-700);border-radius:11px;align-items:center;gap:6px;margin:10px 0 0;padding:9px 11px;font-size:11px;line-height:1.45;display:flex}.bd-kosong svg{flex:0 0 13px}.bd-mini{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 14px;display:grid}.bd-mini>div{align-items:center;gap:10px;min-width:0;display:flex}.bd-mini>div+div{border-left:1px solid var(--line-2);padding-left:10px}.bd-mini .ic,.bd-aksi .ic{background:var(--brand-50);width:36px;height:36px;color:var(--brand);border-radius:11px;flex:0 0 36px;place-items:center;display:grid}.bd-mini .ic svg,.bd-aksi .ic svg{width:17px;height:17px}.bd-aksi .ic.g{background:var(--gain-bg);color:var(--gain)}.bd-mini b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:15px;font-weight:800;line-height:1.2;display:block}.bd-mini .t,.bd-aksi .t{color:var(--mute);margin-top:1px;font-size:10.5px;line-height:1.35;display:block}.bd-aksi{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.bd-aksi a{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);min-width:0;box-shadow:var(--sh-1);grid-template-columns:auto 1fr;grid-template-areas:"ic chev""tx tx";align-items:center;row-gap:10px;padding:12px;transition:border-color .15s,transform .12s;display:grid}.bd-aksi a:hover{border-color:var(--brand-200)}.bd-aksi a:active{transform:scale(.98)}.bd-aksi b{letter-spacing:-.01em;font-size:12.5px;font-weight:700;display:block}.bd-aksi .ic{grid-area:ic}.bd-aksi a>span:not(.ic){grid-area:tx}.bd-aksi .chev{width:15px;height:15px;color:var(--mute-2);grid-area:chev;justify-self:end}.bd-maju .card-t{margin-bottom:14px}.bd-maju-ic{background:var(--brand-50);width:30px;height:30px;color:var(--brand);border-radius:10px;flex:0 0 30px;place-items:center;display:grid}.bd-maju-ic svg{width:15px;height:15px}.bd-syarat+.bd-syarat{border-top:1px solid var(--line-2);margin-top:12px;padding-top:12px}.bd-syarat-a{align-items:baseline;gap:10px;display:flex}.bd-syarat-a span{color:var(--ink-2);min-width:0;font-size:12px;font-weight:600}.bd-syarat-a b{white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px;font-weight:800}.bd-syarat-a b i{color:var(--mute-2);font-size:11.5px;font-style:normal;font-weight:600}.bd-syarat .prog{margin-top:8px}.bd-syarat.lolos .prog i{background:linear-gradient(90deg,#0e7a4e,var(--gain));box-shadow:none}.bd-syarat p{color:var(--mute);align-items:flex-start;gap:8px;margin:5px 0 0;font-size:10.5px;line-height:1.45;display:flex}.bd-syarat p em{color:var(--brand-600);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:2px;margin-left:auto;font-style:normal;font-weight:700;display:inline-flex}.bd-syarat.lolos p em{color:var(--gain)}.ak-lanjut{border-radius:var(--r-lg);color:#fff;background:linear-gradient(150deg,#0b1e42,var(--brand));padding:15px 16px;display:block;box-shadow:0 10px 26px #1557f040}.ak-lanjut .lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--brand-200);align-items:center;gap:6px;margin:0;font-size:10px;font-weight:700;display:flex}.ak-lanjut b{margin:6px 0 2px;font-size:15px;font-weight:750;display:block}.ak-lanjut span{color:#c9d6f2;margin-top:7px;font-size:11px;display:block}.ak-hero{border-radius:var(--r-lg);color:#fff;background:linear-gradient(150deg,#123c9c,var(--brand));padding:18px;box-shadow:0 10px 26px #1557f038}.ak-hero-ic{background:#ffffff24;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.ak-hero h3{letter-spacing:-.02em;margin:12px 0 4px;font-size:17px;font-weight:800}.ak-hero>p{color:#ffffffd6;margin:0;font-size:12px;line-height:1.55}.ak-hero .ak-meta{color:#fffc;margin:10px 0 12px}.ak-hero .ak-hero-s{margin-top:7px;font-size:11px}.ak-hero .btn{color:var(--brand-700);box-shadow:none;background:#fff}.ak-meta{color:var(--mute);flex-wrap:wrap;gap:12px;margin:4px 0 0;font-size:11px;display:flex}.ak-meta span{align-items:center;gap:4px;display:inline-flex}.ak-no{background:var(--line-2);width:30px;height:30px;color:var(--ink-2);border-radius:10px;flex:0 0 30px;place-items:center;font-size:12px;font-weight:800;display:grid}.ak-no.ok{background:var(--gain-bg);color:var(--gain)}.ak-modul h3{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:750}.ak-video{aspect-ratio:16/9;border-radius:var(--r-lg) var(--r-lg) 0 0;background:#000;max-width:none;margin:-15px -15px 14px;position:relative;overflow:hidden}.ak-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.ak-isi{color:var(--ink-2);overflow-wrap:anywhere;margin-top:12px;font-size:13px;line-height:1.7}.ak-beres{color:var(--gain);justify-content:center;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:650;display:flex}.ak-nav{justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.ak-nav a{color:var(--brand);align-items:center;gap:3px;display:inline-flex}.kt-h{align-items:center;gap:11px;display:flex}.kt-h .ico{background:var(--brand-50);width:38px;height:38px;color:var(--brand);border-radius:12px;flex:0 0 38px;place-items:center;display:grid}.kt-h b{font-size:13px;font-weight:700;display:block}.kt-h .grow>span{color:var(--mute);margin-top:2px;font-size:11px;display:block}.kt-media{object-fit:contain;border-radius:var(--r);background:#000;width:100%;max-width:100%;max-height:420px;margin-top:12px;display:block}.kt-caption{background:var(--canvas);border-radius:12px;margin-top:12px;padding:11px 12px}.kt-caption p{color:var(--ink-2);white-space:pre-line;overflow-wrap:anywhere;margin:0 0 8px;font-size:12px;line-height:1.6}.kt-aksi{gap:8px;margin-top:12px;display:flex}.kt-kosong{color:var(--mute);border:1px dashed var(--line);text-align:center;border-radius:11px;place-items:center;padding:8px;font-size:11px;display:grid}.kt-n{background:#070c1612;border-radius:99px;place-items:center;min-width:16px;height:16px;margin-left:4px;padding:0 4px;font-size:9.5px;font-weight:700;display:inline-grid}.kt-pratinjau{border-radius:var(--r-lg);background:#0b0f1a;place-items:center;min-height:200px;display:grid;overflow:hidden}.kt-pratinjau video,.kt-pratinjau img{object-fit:contain;width:100%;max-width:100%;max-height:70vh;display:block}.kt-pratinjau iframe{background:#fff;border:0;width:100%;height:70vh;display:block}.kt-tanpa{color:#c9d6f2;text-align:center;padding:36px 20px}.kt-tanpa b{color:#fff;margin:10px 0 4px;font-size:14px;display:block}.kt-tanpa p{margin:0;font-size:12px;line-height:1.55}.banner{align-items:flex-start}.banner .bslide{aspect-ratio:var(--rasio,16 / 9);background:var(--line-2);min-height:0;max-height:62vh}.banner .bslide img{object-fit:contain;width:100%;height:100%}.bslide.teks{color:#fff;flex-direction:column;justify-content:center;padding:14px 18px;text-decoration:none;display:flex}.bslide.teks .bs-lbl{z-index:1;letter-spacing:.1em;text-transform:uppercase;opacity:.85;margin:0 0 4px;font-size:10px;font-weight:700;position:relative}.bslide.teks h4{max-width:78%;font-size:16px}.bslide.teks p{max-width:72%}.bslide.teks .bs-art{opacity:.18;color:#fff;z-index:0;position:absolute;bottom:-20px;right:-12px}.bslide.teks .bs-art svg{width:110px;height:110px}.bslide.b1{background:linear-gradient(135deg,#0b1e42,#1557f0)}.bslide.b2{background:linear-gradient(135deg,#b42318,#f97316)}.bslide.b3{background:linear-gradient(135deg,#065f46,#12945f)}.bslide.b4{background:linear-gradient(135deg,#312e81,#7c3aed)}.bdots i{cursor:pointer}.bd-po{border-bottom:1px solid var(--line-2);color:inherit;align-items:center;gap:12px;min-width:0;padding:12px 0;display:flex}.bd-po:first-child{padding-top:0}.bd-po:last-child{border-bottom:0;padding-bottom:0}.bd-po.tap{transition:opacity .12s}.bd-po.tap:active{opacity:.6}.bd-po-art{background:var(--brand-50);width:48px;height:48px;color:var(--brand);border-radius:12px;flex:0 0 48px;place-items:center;display:grid;position:relative;overflow:hidden}.bd-po-art img,.bd-po-art>svg{object-fit:cover;width:100%;height:100%;display:block}.bd-po-art .ic svg{width:20px;height:20px}.bd-po-lebih{color:#fff;background:#070c16b8;border-radius:6px;padding:1px 5px;font-size:9.5px;font-weight:800;line-height:1.3;position:absolute;bottom:3px;right:3px}.bd-po-tx{flex:1;min-width:0}.bd-po-tx b{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:650;display:block;overflow:hidden}.bd-po-tx b i{color:var(--mute);font-style:normal;font-weight:600}.bd-po-tx .s{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;display:block;overflow:hidden}.bd-po-tx .n{color:var(--mute-2);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;margin-top:3px;font-size:10.5px;display:block;overflow:hidden}.bd-po-rt{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.bd-po-rt b{letter-spacing:-.015em;font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.bd-po-rt .chip{padding:3px 8px;font-size:10px}.pag-t{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:11px 13px;display:flex}.pag-t .info{color:var(--mute);font-variant-numeric:tabular-nums;font-size:11.5px}.pag-t .pgform{align-items:center;gap:6px;display:flex}.pag-t .pgform label{color:var(--mute);font-size:11.5px}.pag-t .pgsize{border:1px solid var(--line);background:var(--paper);color:var(--ink-2);cursor:pointer;border-radius:10px;padding:6px 9px;font-size:11.5px}.pag-t .pgs{align-items:center;gap:4px;margin-left:auto;display:flex}.pag-t .pgb{border:1px solid var(--line);background:var(--paper);min-width:30px;height:30px;color:var(--ink-2);border-radius:10px;place-items:center;padding:0 9px;font-size:11.5px;font-weight:650;display:grid}.pag-t .pgb.on{background:var(--brand);border-color:var(--brand);color:#fff}.pag-t .pgb[aria-disabled=true]{opacity:.4}.pag-t .pgb svg{width:13px;height:13px}.pag-t .pgkini{color:var(--mute);font-variant-numeric:tabular-nums;font-size:11.5px;display:none}.pag-t .pgjeda{color:var(--mute-2);font-size:11.5px}@media (width<=560px){.pag-t .info{flex:100%}.pag-t .pgs{flex:100%;justify-content:space-between;margin-left:0}.pag-t .pgb.pgn,.pag-t .pgjeda{display:none}.pag-t .pgkini{display:inline}}.ada-logo{background:#fff;display:block;overflow:hidden;box-shadow:0 0 0 1px #070c1614}.ada-logo img{object-fit:contain;width:100%;height:100%;display:block}.shop-logo{border-radius:11px;flex:0 0 38px;width:38px;height:38px;overflow:hidden;box-shadow:0 4px 14px #03071138}.shop-logo .ada-logo{border-radius:11px;width:100%;height:100%}.appbar-logo{border-radius:11px;flex:0 0 38px;width:38px;height:38px;margin-left:auto}.appbar-logo:empty{display:none}.spanduk-pasang{z-index:29;background:var(--paper);border:1px solid var(--line);border-radius:18px;align-items:center;gap:11px;padding:10px 10px 10px 12px;display:flex;position:absolute;bottom:86px;left:12px;right:12px;box-shadow:0 2px 6px #070c160f,0 14px 34px #070c1624}.spanduk-pasang[hidden]{display:none}.spanduk-pasang img{width:40px;height:40px;box-shadow:0 0 0 1px var(--line);border-radius:11px;flex:0 0 40px}.spanduk-pasang .sp-tx{flex:1;min-width:0}.spanduk-pasang .sp-tx b{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;display:block;overflow:hidden}.spanduk-pasang .sp-tx span{color:var(--mute);margin-top:1px;font-size:10.5px;display:block}.spanduk-pasang .sp-tutup{width:30px;height:30px;color:var(--mute);border-radius:10px;flex:0 0 30px;place-items:center;display:grid}.spanduk-pasang .sp-tutup:hover{background:var(--canvas)}@media (width<=900px){.spanduk-pasang{left:8px;right:8px;bottom:calc(82px + env(safe-area-inset-bottom))}}.ak-sampul{border-radius:var(--r-lg);background:var(--line-2);overflow:hidden;box-shadow:0 2px 6px #070c160f,0 14px 32px #070c161f}.ak-sampul img{width:100%;height:auto;aspect-ratio:var(--rasio,4 / 3);object-fit:contain;background:var(--paper);max-height:70vh;display:block}.row .ico.foto{background:var(--line-2);padding:0;overflow:hidden}.row .ico.foto img{object-fit:cover;width:100%;height:100%;display:block}