:root{--bg:#080713;--bg2:#0D0B1C;--card:#19172B;--card2:#211C38;--v1:#7028E8;--v2:#8B3DFF;--v3:#A855F7;--lav:#C4A7FF;--primary-bg:rgba(13,11,28,.8);--tx:#F7F5FF;--tx2:#A8A3BC;--bd:rgba(167,139,250,.16);--f-body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--f-head:"Space Grotesk","Plus Jakarta Sans",system-ui,sans-serif;--f-acc:"DM Sans","Plus Jakarta Sans",system-ui,sans-serif;--grad:linear-gradient(135deg,#7028E8 0%,#8B3DFF 48%,#4C1D95 100%);color-scheme:dark}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;scroll-padding-top:76px}body{font-family:var(--f-body);background:radial-gradient(ellipse at 15% 0%,rgba(112,40,232,.22),transparent 36%),var(--bg);color:var(--tx);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--lav);outline-offset:3px;border-radius:8px}[hidden]{display:none!important}.wrap{width:min(1120px,100% - 40px);margin-inline:auto}section{padding:clamp(56px,9vw,104px) 0}h1,h2,h3{font-family:var(--f-head);line-height:1.12}.label{font-family:var(--f-acc);font-weight:600;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lav)}.sec-head{max-width:760px;margin-bottom:32px}.sec-head h2{font-size:clamp(1.9rem,4.4vw,3rem);font-weight:700;margin:10px 0 12px;letter-spacing:-.02em}.sec-head p,.muted{color:var(--tx2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border:1px solid transparent;border-radius:12px;background:var(--grad);font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 8px 28px -10px rgba(139,61,255,.7)}.btn:hover{filter:brightness(1.12)}.btn:disabled{background:var(--card2);border-color:var(--bd);color:var(--tx2);opacity:.6;box-shadow:none;cursor:not-allowed;transform:none;filter:none}.btn.sm{min-height:38px;padding:0 14px;font-size:.85rem;border-radius:10px}header.nav{position:sticky;top:0;z-index:50;background:rgba(8,7,19,.72);border-bottom:1px solid var(--bd);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}.logo{font-family:var(--f-head);font-weight:700;font-size:1.25rem;letter-spacing:-.03em}.logo b{color:var(--v3)}.menu{display:flex;align-items:center;gap:6px}.menu a.lnk{position:relative;padding:8px 12px;font-weight:500;font-size:.9rem;color:var(--tx2)}.menu a.lnk:hover,.menu a.lnk.on{color:var(--tx)}.menu a.lnk.on::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;border-radius:2px;background:var(--v3)}.burger{display:none;width:44px;height:44px;border:1px solid var(--bd);background:transparent;border-radius:12px;cursor:pointer}.burger span{display:block;width:18px;height:2px;background:var(--tx);margin:4px auto}.burger[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media(max-width:820px){.burger{display:block}.menu{position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;padding:14px 20px 20px;background:#0D0B1C;border-bottom:1px solid var(--bd);display:none}.menu .btn{margin-top:6px}.menu.open{display:flex}.menu a.lnk{padding:12px 4px}.menu a.lnk.on::after{left:4px;right:auto;width:24px}}.hero{padding:clamp(40px,7vw,88px) 0 clamp(56px,8vw,96px);position:relative;overflow-x:clip}.hero::before{content:"";position:absolute;right:-10%;top:-10%;width:60vw;height:60vw;max-width:760px;max-height:760px;background:radial-gradient(circle,rgba(139,61,255,.28),transparent 65%);pointer-events:none}.hero .wrap{position:relative}.hero h1{font-size:clamp(3rem,10vw,6.4rem);font-weight:800;letter-spacing:-.045em;margin:18px 0 14px}.hero h1 span{background:linear-gradient(135deg,#C4A7FF,#8B3DFF);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.d{max-width:460px;color:var(--tx2);font-size:1.05rem}.hero-logo{position:absolute;top:0;right:0;width:clamp(70px,22vw,100px);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 22px rgba(139,61,255,.55))}@media(min-width:821px){.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero-logo{position:static;justify-self:center;width:min(100%,340px)}}.alt{background:var(--bg2);border-block:1px solid var(--bd)}.plat{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:760px;margin-bottom:28px}.pbtn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:56px;padding:0 22px;border-radius:50px;color:#fff;font-weight:600;font-size:.95rem;text-align:center;cursor:pointer;background:transparent;border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px 1px rgba(255,255,255,.5),inset 0 -1px 1px rgba(255,255,255,.12),0 10px 30px -12px rgba(0,0,0,.6);text-shadow:0 1px 6px rgba(0,0,0,.4)}.pbtn:hover{border-color:rgba(255,255,255,.7);box-shadow:inset 0 1px 1px rgba(255,255,255,.7),inset 0 -1px 1px rgba(255,255,255,.2),0 14px 34px -12px rgba(0,0,0,.7)}.pbtn:disabled{opacity:.55;cursor:not-allowed;transform:none}.tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;max-width:760px}.field{min-height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--bd);background:var(--card);width:100%}.field:focus{border-color:var(--v3);outline:none;box-shadow:0 0 0 3px rgba(168,85,247,.25)}textarea.field{padding:12px 14px;min-height:90px;resize:vertical}.tools .field{flex:1 1 200px;width:auto}.tools .search{flex:2 1 260px}.count{font-size:.85rem;color:var(--tx2);margin:6px 0 20px}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{background:linear-gradient(170deg,var(--card2),var(--card));border:1px solid var(--bd);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.card:hover{border-color:rgba(168,85,247,.55);box-shadow:0 18px 44px -22px rgba(139,61,255,.7)}.thumb{position:relative;aspect-ratio:4/5;background:radial-gradient(circle at 75% 25%,rgba(139,61,255,.55),transparent 55%),#14112a;display:grid;place-items:center;font-family:var(--f-head);font-weight:700;font-size:2.6rem;color:rgba(196,167,255,.5)}.thumb img,.ico img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cbody{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}.cbody h3{font-size:1.1rem;font-weight:600}.cbody p{font-size:.9rem;color:var(--tx2);flex:1}.badge{align-self:flex-start;padding:3px 10px;border-radius:99px;background:rgba(196,167,255,.12);font-family:var(--f-acc);font-weight:600;font-size:.72rem;color:var(--lav)}.ph{font-family:var(--f-acc);font-size:.7rem;color:#fbbf24}.app{padding:18px;gap:12px}.ahead{display:flex;gap:12px;align-items:center}.ico{position:relative;flex:none;width:48px;height:48px;border-radius:13px;overflow:hidden;background:var(--grad);display:grid;place-items:center;font-family:var(--f-head);font-weight:700;font-size:1.3rem}.ahead h3{font-size:1.05rem;font-weight:600;line-height:1.25}.status{margin-left:auto;font-family:var(--f-acc);font-weight:600;font-size:.72rem;padding:3px 10px;border-radius:99px;white-space:nowrap}.s-tersedia{background:rgba(52,211,153,.14);color:#6ee7b7}.s-habis{background:rgba(248,113,113,.14);color:#fca5a5}.s-segera{background:rgba(251,191,36,.14);color:#fcd34d}.app p{font-size:.9rem;color:var(--tx2)}.price{font-family:var(--f-head);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.price small{display:block;font-family:var(--f-body);font-weight:400;font-size:.75rem;color:var(--tx2);letter-spacing:0}.empty{grid-column:1/-1;text-align:center;padding:48px 20px;border:1px dashed var(--bd);border-radius:18px;color:var(--tx2)}.banner{border-radius:26px;padding:clamp(32px,6vw,64px);background:radial-gradient(circle at 90% 10%,rgba(196,167,255,.35),transparent 45%),linear-gradient(135deg,#5B21B6,#7028E8 55%,#3B1585);border:1px solid rgba(196,167,255,.3);display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}.banner h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;max-width:520px;letter-spacing:-.02em}.banner p{color:rgba(247,245,255,.8);margin-top:8px;max-width:440px}.banner .btn{background:#fff;color:#2a1065;box-shadow:none}footer{padding:48px 0 28px;border-top:1px solid var(--bd)}.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}.fgrid h4{font-family:var(--f-acc);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lav);margin-bottom:10px}.fgrid ul{list-style:none;padding:0;display:grid;gap:6px;font-size:.9rem;color:var(--tx2)}.fgrid a:hover{color:var(--tx)}.copy{margin-top:32px;padding-top:18px;border-top:1px solid var(--bd);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.8rem;color:var(--tx2)}@media(max-width:720px){.fgrid{grid-template-columns:1fr}}.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.trio .btn{padding:0 8px;min-width:0}.cbody p,.app>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.app>p{flex:1}.ahead>div{min-width:0}.ahead h3{overflow-wrap:anywhere}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;background:var(--card2);border:1px solid var(--v3);padding:12px 18px;border-radius:12px;font-size:.9rem;z-index:99;max-width:90vw;pointer-events:none}.toast.show{opacity:1;transform:translateX(-50%)}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(hover:hover){.btn:not(:disabled):hover{box-shadow:0 0 22px #c084fc,0 0 44px rgba(168,85,247,.4)}.pbtn:not(:disabled):hover{border-color:rgba(216,180,254,.85);box-shadow:inset 0 1px 1px rgba(255,255,255,.7),inset 0 -1px 1px rgba(255,255,255,.2),0 0 22px #c084fc,0 0 44px rgba(168,85,247,.4)}}.btn:not(:disabled):active{box-shadow:0 0 22px #c084fc,0 0 44px rgba(168,85,247,.4)}.pbtn:not(:disabled):active{border-color:rgba(216,180,254,.85);box-shadow:inset 0 1px 1px rgba(255,255,255,.7),inset 0 -1px 1px rgba(255,255,255,.2),0 0 22px #c084fc,0 0 44px rgba(168,85,247,.4)}html{scroll-padding-top:96px}header.nav{position:sticky;top:12px;width:clamp(300px,100% - 24px,1240px);margin:12px auto 0;border-radius:999px;background:linear-gradient(180deg,rgba(139,61,255,.22),rgba(76,29,149,.18)),rgba(13,11,28,.55);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 1px rgba(255,255,255,.35),inset 0 -1px 1px rgba(255,255,255,.08),0 18px 40px -10px rgba(0,0,0,.55),0 0 30px -8px rgba(139,61,255,.4);transition:box-shadow .25s,border-color .25s;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3)}header.nav.scrolled{border-color:rgba(216,180,254,.45);box-shadow:inset 0 1px 1px rgba(255,255,255,.4),inset 0 -1px 1px rgba(255,255,255,.1),0 18px 40px -10px rgba(0,0,0,.7),0 0 34px -4px rgba(139,61,255,.6)}.nav .wrap{width:100%;height:auto;min-height:64px;padding:8px 8px 8px 24px}.menu{position:relative;gap:4px}.menu a.lnk{display:flex;align-items:center;min-height:46px;padding:0 16px;border-radius:999px;font-family:var(--f-acc);font-weight:600;font-size:.9rem;color:rgba(247,245,255,.6);position:relative;z-index:1;transition:color .25s,background .25s}.menu a.lnk:hover{color:var(--tx);background:rgba(255,255,255,.07)}.menu a.lnk.on{color:#fff}.menu a.lnk.on::after{display:none}.menu .btn{border-radius:999px;position:relative;z-index:1}@media(min-width:821px) and (max-width:1000px){.menu a.lnk{padding:0 12px;font-size:.85rem}.nav .wrap{padding-left:20px}}@media(min-width:1280px){header.nav{top:16px;margin-top:16px}}@media(max-width:820px){.burger{display:none!important}.menu{position:static;display:flex!important;flex-direction:row;align-items:center;padding:0;background:none;border:0;box-shadow:none;border-radius:0;gap:6px}.menu a.lnk,.menu .bubble{display:none!important}.menu .btn{margin:0}.nav .wrap{padding:6px 6px 6px 18px;min-height:58px}}@media(max-width:400px){.nav .wrap{padding-left:14px}.menu .btn.sm{padding:0 11px;font-size:.78rem;min-height:36px}.logo{font-size:1.1rem}}body{padding-bottom:104px}.toast{bottom:104px}.dock{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:4px;padding:8px;max-width:calc(100% - 20px);border-radius:999px;background:linear-gradient(180deg,rgba(139,61,255,.22),rgba(76,29,149,.18));border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 1px rgba(255,255,255,.35),inset 0 -1px 1px rgba(255,255,255,.08),0 18px 40px -10px rgba(0,0,0,.65),0 0 30px -8px rgba(139,61,255,.45);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3)}.dock a{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;border-radius:999px;font-family:var(--f-acc);font-weight:600;font-size:.9rem;color:rgba(247,245,255,.6);transition:background .25s,color .25s,box-shadow .25s;white-space:nowrap}.dock a svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dock a:hover{color:var(--tx);background:rgba(255,255,255,.07)}.dock a.on{color:#fff}.dock a{position:relative;z-index:1}.bubble{position:absolute;left:0;top:0;z-index:0;width:0;height:0;border-radius:999px;pointer-events:none;opacity:0;background:rgba(255,255,255,.15);box-shadow:inset 0 1px 1px rgba(255,255,255,.35),0 6px 16px -6px rgba(0,0,0,.5)}.bubble.ready{transition:transform .26s cubic-bezier(.22,1,.36,1),width .26s cubic-bezier(.22,1,.36,1),height .2s,opacity .15s}.dock a.wa{padding:0 14px}.dock a.wa:hover{color:#fff;box-shadow:0 0 18px #c084fc,0 0 36px rgba(168,85,247,.35)}@media(max-width:480px){.dock{gap:2px;padding:6px}.dock a{padding:0 13px;min-height:46px}.dock a:not(.on){gap:0}.dock a span{display:block;max-width:0;opacity:0;overflow:hidden;transition:max-width .42s var(--lg-ease),opacity .3s ease}.dock a.on span{max-width:90px;opacity:1}.dock a.wa{gap:0}.dock a.wa span{display:none}}@media(max-width:340px){.dock a{padding:0 10px}}.dock.measure a span{transition:none!important}@media(prefers-reduced-motion:reduce){.bubble.ready{transition:none}}:root{--lg-ease:cubic-bezier(.32,.72,0,1);--lg-blur:blur(16px) saturate(1.8) brightness(1.08);--lg-edge:inset 0 1px 1px rgba(255,255,255,.6),inset 0 -1px 2px rgba(255,255,255,.14),inset 0 0 16px rgba(255,255,255,.07);--lg-sheen:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.07) 40%,rgba(255,255,255,0) 56%,rgba(255,255,255,.05) 100%)}.btn,.pbtn,.dock,header.nav,.bubble{position:relative;isolation:isolate}.dock{position:fixed}.header.nav,header.nav{position:sticky}.bubble{position:absolute}.btn::before,.pbtn::before,.dock::before,header.nav::before,.bubble::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:var(--lg-sheen)}.btn{border-radius:999px;overflow:hidden;transition:transform .3s var(--lg-ease),background .3s var(--lg-ease),box-shadow .3s var(--lg-ease),border-color .3s var(--lg-ease),color .3s;-webkit-user-select:none;user-select:none}.btn{background:linear-gradient(180deg,rgba(176,98,255,.52),rgba(112,40,232,.34));border:1px solid rgba(255,255,255,.3);box-shadow:var(--lg-edge),0 10px 26px -10px rgba(0,0,0,.6),0 6px 22px -8px rgba(139,61,255,.55);text-shadow:0 1px 8px rgba(0,0,0,.25)}.btn.sm{border-radius:999px}.btn:disabled{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 1px rgba(255,255,255,.12);opacity:.55}.btn:disabled::before{opacity:.35}.banner .btn{background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,.16));color:#fff;border-color:rgba(255,255,255,.5);box-shadow:var(--lg-edge),0 12px 30px -12px rgba(0,0,0,.5)}.pbtn{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border-color:rgba(255,255,255,.34);box-shadow:var(--lg-edge),0 10px 30px -12px rgba(0,0,0,.6);transition:transform .3s var(--lg-ease),box-shadow .3s var(--lg-ease),border-color .3s var(--lg-ease)}.field{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border-color:rgba(255,255,255,.18);box-shadow:inset 0 1px 1px rgba(255,255,255,.22)}.field.search{border-radius:999px;padding-inline:20px}select.field{border-radius:999px;padding-inline:18px}.burger{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border-color:rgba(255,255,255,.24);border-radius:999px;box-shadow:var(--lg-edge)}@media(hover:hover){.btn:not(:disabled):hover{background:linear-gradient(180deg,rgba(190,120,255,.66),rgba(124,52,244,.46));border-color:rgba(255,255,255,.5);transform:translateY(-1px);filter:none;box-shadow:var(--lg-edge),0 14px 30px -10px rgba(0,0,0,.6),0 0 26px rgba(192,132,252,.6),0 0 54px rgba(168,85,247,.28)}.banner .btn:not(:disabled):hover{background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.24))}.pbtn:not(:disabled):hover{transform:translateY(-1px);border-color:rgba(255,255,255,.6);box-shadow:var(--lg-edge),0 0 24px rgba(192,132,252,.6),0 0 50px rgba(168,85,247,.3)}}.btn:not(:disabled):active,.pbtn:not(:disabled):active{transform:scale(.95);transition-duration:.12s}header.nav,.dock{background:linear-gradient(180deg,rgba(176,98,255,.2),rgba(76,29,149,.16)),rgba(13,11,28,.4);border:1px solid rgba(255,255,255,.26);box-shadow:var(--lg-edge),0 18px 40px -10px rgba(0,0,0,.6),0 0 30px -8px rgba(139,61,255,.4);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3)}header.nav.scrolled{border-color:rgba(255,255,255,.4);box-shadow:var(--lg-edge),0 18px 40px -10px rgba(0,0,0,.7),0 0 36px -4px rgba(139,61,255,.6)}.bubble{background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.09));border:1px solid rgba(255,255,255,.28);box-shadow:var(--lg-edge),0 8px 20px -8px rgba(0,0,0,.55),0 0 18px -4px rgba(192,132,252,.45);will-change:transform,width;-webkit-backdrop-filter:blur(6px) saturate(1.3);backdrop-filter:blur(6px) saturate(1.3)}.bubble.ready{transition:transform .42s var(--lg-ease),width .42s var(--lg-ease),height .3s var(--lg-ease),opacity .2s}.bubble.pop{animation:bubblePop .46s var(--lg-ease)}@keyframes bubblePop{0%{scale:1}35%{scale:1.1 1.2}100%{scale:1}}.dock a span{transition:max-width .42s var(--lg-ease),opacity .3s ease}@media(prefers-reduced-motion:reduce){.bubble.ready,.dock a span,.btn,.pbtn{transition:none}.bubble.pop{animation:none}}:root{--lg-blur:blur(16px) saturate(1.5);--lg-edge:inset 0 1px 1px rgba(255,255,255,.26),inset 0 -1px 2px rgba(196,167,255,.08),inset 0 0 14px rgba(196,167,255,.03);--lg-sheen:linear-gradient(180deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.03) 38%,rgba(255,255,255,0) 55%)}.btn{background:linear-gradient(180deg,rgba(139,61,255,.5),rgba(76,29,149,.42));border-color:rgba(196,167,255,.3)}.btn:disabled{background:linear-gradient(180deg,rgba(32,22,64,.45),rgba(13,11,28,.4));border-color:rgba(196,167,255,.12);box-shadow:inset 0 1px 1px rgba(255,255,255,.1)}.banner .btn{background:linear-gradient(180deg,rgba(32,16,80,.55),rgba(13,8,40,.5));border-color:rgba(255,255,255,.3);color:#fff}.pbtn{background:linear-gradient(180deg,rgba(32,22,64,.45),rgba(13,11,28,.35));border-color:rgba(255,255,255,.3)}.field{background:linear-gradient(180deg,rgba(32,22,64,.55),rgba(13,11,28,.5));border-color:rgba(196,167,255,.2);box-shadow:inset 0 1px 1px rgba(255,255,255,.12)}.burger{background:linear-gradient(180deg,rgba(32,22,64,.6),rgba(13,11,28,.5));border-color:rgba(196,167,255,.22)}header.nav,.dock{background:linear-gradient(180deg,rgba(139,61,255,.16),rgba(76,29,149,.14)),rgba(10,8,22,.62);border-color:rgba(196,167,255,.24);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3)}header.nav.scrolled{border-color:rgba(196,167,255,.4)}.bubble{background:linear-gradient(180deg,rgba(139,61,255,.4),rgba(76,29,149,.3));border-color:rgba(196,167,255,.35);box-shadow:var(--lg-edge),0 8px 20px -8px rgba(0,0,0,.6),0 0 18px -4px rgba(168,85,247,.5)}.dock a:hover,.menu a.lnk:hover{background:rgba(139,61,255,.14)}@media(hover:hover){.btn:not(:disabled):hover{background:linear-gradient(180deg,rgba(160,82,255,.62),rgba(92,38,170,.52));border-color:rgba(216,180,254,.5)}.banner .btn:not(:disabled):hover{background:linear-gradient(180deg,rgba(52,26,120,.7),rgba(24,12,60,.6))}.pbtn:not(:disabled):hover{border-color:rgba(255,255,255,.5)}}:root{--lg-blur:blur(9px) saturate(1.5)}.btn{background:linear-gradient(180deg,rgba(139,61,255,.34),rgba(76,29,149,.22));border-color:rgba(196,167,255,.34)}.btn:disabled{background:linear-gradient(180deg,rgba(32,22,64,.25),rgba(13,11,28,.18))}.banner .btn{background:linear-gradient(180deg,rgba(32,16,80,.3),rgba(13,8,40,.22));border-color:rgba(255,255,255,.35)}.pbtn{background:linear-gradient(180deg,rgba(32,22,64,.2),rgba(13,11,28,.12))}.field{background:linear-gradient(180deg,rgba(32,22,64,.3),rgba(13,11,28,.22))}.burger{background:linear-gradient(180deg,rgba(32,22,64,.3),rgba(13,11,28,.2))}header.nav,.dock{background:linear-gradient(180deg,rgba(139,61,255,.1),rgba(76,29,149,.08)),rgba(10,8,22,.28);border-color:rgba(196,167,255,.28);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3)}.bubble{background:linear-gradient(180deg,rgba(139,61,255,.3),rgba(76,29,149,.2));-webkit-backdrop-filter:blur(6px) saturate(1.3);backdrop-filter:blur(6px) saturate(1.3)}@media(hover:hover){.btn:not(:disabled):hover{background:linear-gradient(180deg,rgba(160,82,255,.48),rgba(92,38,170,.34))}.banner .btn:not(:disabled):hover{background:linear-gradient(180deg,rgba(52,26,120,.45),rgba(24,12,60,.34))}}@media(max-width:400px){.dock a{padding:0 13px}.dock a.on{font-size:.85rem}}@media(max-width:700px){#pGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#pGrid .card{border-radius:16px}#pGrid .thumb{font-size:2rem}#pGrid .cbody{padding:12px;gap:6px}#pGrid .cbody h3{font-size:.95rem;line-height:1.25;overflow-wrap:anywhere}#pGrid .cbody p{font-size:.78rem;-webkit-line-clamp:2}#pGrid .badge{font-size:.62rem;padding:2px 8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#pGrid .trio{gap:5px}#pGrid .trio .btn.sm{min-height:34px;padding:0 4px;font-size:.74rem}}.more{display:flex;justify-content:center;margin-top:28px}:root{--bub-ease:cubic-bezier(.32,.72,0,1);--bub-dur:.5s}header.nav,.dock{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.bubble{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,rgba(150,80,255,.36),rgba(76,29,149,.26));box-shadow:inset 0 1px 1px rgba(255,255,255,.22),0 4px 12px -6px rgba(0,0,0,.5),0 0 14px -4px rgba(168,85,247,.45);will-change:transform,width,height;backface-visibility:hidden;transform-origin:center}.bubble.ready{transition:transform var(--bub-dur) var(--bub-ease),width var(--bub-dur) var(--bub-ease),height var(--bub-dur) var(--bub-ease),opacity .25s ease}.bubble.pop{animation:bubblePop .6s var(--bub-ease)}@keyframes bubblePop{0%{scale:1}40%{scale:1.03 1.07}100%{scale:1}}.dock a span{transition:max-width var(--bub-dur) var(--bub-ease),opacity .35s ease}.dock a,.menu a.lnk{transition:color .35s ease,background .35s ease,box-shadow .35s ease}header.nav{transition:border-color .35s ease,box-shadow .35s ease}@media(max-width:480px){header.nav,.dock{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@media(prefers-reduced-motion:reduce){.bubble.ready,.dock a span{transition:none}.bubble.pop{animation:none}}.bubble{opacity:0}:root{--f-logo:"Fredoka","Plus Jakarta Sans",system-ui,sans-serif}.logo,.hero h1{font-family:var(--f-logo)}.logo{font-weight:600;letter-spacing:-.01em}.hero h1{font-weight:600;letter-spacing:-.02em;line-height:1}.hero{padding:clamp(32px,6vw,80px) 0 clamp(48px,7vw,88px)}.hero .wrap{display:flex;flex-direction:column;gap:32px}.hero .wrap>div{max-width:560px}.hero h1{margin:14px 0 12px}.hero-logo{position:static;order:2;width:112px;height:112px;border-radius:28px;object-fit:cover;filter:none;box-shadow:0 0 0 1px rgba(196,167,255,.22),0 14px 36px -12px rgba(0,0,0,.7),0 0 40px -10px rgba(139,61,255,.45)}@media(min-width:821px){.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero-logo{order:0;justify-self:center;width:min(100%,300px);height:auto;aspect-ratio:1;border-radius:56px}}.bubble{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)!important}.dock a:hover,.menu a.lnk:hover{background:rgba(255,255,255,.05)}body{background:radial-gradient(560px 380px at 50% -60px,rgba(112,40,232,.4),transparent 70%),radial-gradient(ellipse at 15% 0%,rgba(112,40,232,.22),transparent 36%),radial-gradient(420px 420px at 18% 460px,rgba(112,40,232,.2),transparent 70%),var(--bg)}header.nav{background:linear-gradient(180deg,rgba(139,61,255,.14),rgba(76,29,149,.1)),rgba(10,8,22,.5);border-color:rgba(196,167,255,.32);box-shadow:inset 0 1px 1px rgba(255,255,255,.22),inset 0 0 22px rgba(139,61,255,.14),0 14px 34px -12px rgba(0,0,0,.65),0 0 30px -8px rgba(139,61,255,.4)}.nav .btn{background:linear-gradient(180deg,rgba(124,72,226,.6),rgba(50,26,108,.82));border:1.5px solid rgba(196,167,255,.55);box-shadow:inset 0 1px 1px rgba(255,255,255,.38),inset 0 -2px 8px rgba(139,61,255,.3),0 6px 18px -6px rgba(112,40,232,.65)}@media(hover:hover){.nav .btn:not(:disabled):hover{background:linear-gradient(180deg,rgba(140,88,240,.72),rgba(62,32,128,.86))}}.menu .btn.sm{min-height:40px;padding:0 16px;font-size:.9rem}.hero h1{font-size:clamp(2.7rem,9.5vw,6.4rem);letter-spacing:-.03em}.hero-logo{border-radius:0;object-fit:contain;box-shadow:none;filter:drop-shadow(0 0 22px rgba(139,61,255,.55))}@media(max-width:820px){.hero-logo{position:absolute;order:0;top:-8px;right:0;width:clamp(110px,36vw,150px);height:auto;aspect-ratio:1}}.hero{padding-bottom:24px}.hero-logo{aspect-ratio:auto;filter:drop-shadow(0 0 18px rgba(139,61,255,.35))}@media(max-width:820px){.hero-logo{top:8px;width:clamp(120px,36vw,160px);height:auto;pointer-events:none}}@media(min-width:821px){.hero-logo{width:min(100%,460px);height:auto}}.feat-sec{padding:0 0 clamp(40px,7vw,72px)}.feat-sec .wrap{display:grid;gap:28px}.feat-row{display:flex;align-items:center;gap:28px}.feat-bars{flex:1;min-width:0;display:grid;gap:13px}@media(min-width:821px){.feat-sec .wrap{grid-template-columns:1fr 1fr;align-items:stretch}}.gtile,.gbar,.gpanel{position:relative}.gbar,.gpanel{background:linear-gradient(180deg,rgba(30,22,58,.92),rgba(13,10,28,.95));box-shadow:inset 0 2px 5px rgba(0,0,0,.65),inset 0 -1px 1px rgba(196,167,255,.16),0 1px 0 rgba(255,255,255,.07),0 14px 30px -14px rgba(0,0,0,.8)}.gbar{display:flex;align-items:center;min-height:42px;padding:0 18px;border-radius:999px;font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbar.sub{font-weight:500;font-size:.85rem;color:var(--tx2)}.gpanel{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:240px;padding:22px;border-radius:26px}.gpanel p{color:var(--tx2);font-size:.95rem}.gtile{flex:none;width:100px;aspect-ratio:1;border-radius:27px;overflow:hidden;display:grid;place-items:center;font-family:var(--f-head);font-weight:700;font-size:2rem;color:rgba(196,167,255,.5);background:radial-gradient(circle at 70% 25%,rgba(139,61,255,.55),transparent 55%),#14112a;box-shadow:inset 0 2px 4px rgba(255,255,255,.35),inset 0 -4px 10px rgba(0,0,0,.55),0 10px 22px -4px rgba(0,0,0,.85),-6px 8px 18px -6px rgba(0,0,0,.7)}.gtile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.gtile::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(155deg,rgba(255,255,255,.34),rgba(255,255,255,0) 38%,rgba(0,0,0,0) 62%,rgba(255,255,255,.12))}header.nav::after,.nav .btn::after,.gtile::after,.gbar::after,.gpanel::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1.5px;pointer-events:none;background:linear-gradient(155deg,rgba(255,255,255,.55),rgba(196,167,255,.1) 35%,rgba(196,167,255,.05) 65%,rgba(255,255,255,.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.gpanel{padding:0}@media(max-width:820px){.hero-logo{top:-24px;right:-10px;width:clamp(140px,44vw,200px)}.gpanel{min-height:max(220px,calc(100vh - var(--feat-top,413px) - 100px));min-height:max(220px,calc(100svh - var(--feat-top,413px) - 100px))}}:root{--g-fill:linear-gradient(180deg,rgba(150,105,255,.16),rgba(70,35,150,.1));--g-depth:inset 0 1px 1px rgba(255,255,255,.4),inset 0 -1px 1px rgba(236,225,255,.55),inset 0 10px 16px -8px rgba(0,0,0,.42),inset 0 -10px 14px -8px rgba(168,120,255,.32);--g-drop:0 14px 30px -10px rgba(0,0,0,.65)}header.nav,.dock{background:var(--g-fill),rgba(10,8,22,.3);box-shadow:var(--g-depth),var(--g-drop),0 0 30px -10px rgba(139,61,255,.4);-webkit-backdrop-filter:blur(6px) saturate(1.5);backdrop-filter:blur(6px) saturate(1.5)}header.nav.scrolled{box-shadow:var(--g-depth),var(--g-drop),0 0 34px -6px rgba(139,61,255,.55)}.gbar,.gpanel{background:var(--g-fill),rgba(12,9,26,.55);box-shadow:var(--g-depth),var(--g-drop)}.gpanel{-webkit-backdrop-filter:blur(8px) saturate(1.4);backdrop-filter:blur(8px) saturate(1.4)}.nav .btn{background:linear-gradient(180deg,rgba(140,90,245,.55),rgba(60,30,140,.7));border:1.5px solid transparent;box-shadow:var(--g-depth),inset 0 -10px 12px -8px rgba(190,150,255,.5),0 6px 18px -6px rgba(112,40,232,.65)}.gtile{box-shadow:var(--g-drop),-6px 8px 18px -8px rgba(0,0,0,.7)}.gtile::before{box-shadow:inset 0 1.5px 2px rgba(255,255,255,.5),inset 0 -2px 3px rgba(236,225,255,.55),inset 0 8px 14px -6px rgba(0,0,0,.35)}header.nav::after,.dock::after,.nav .btn::after,.gtile::after,.gbar::after,.gpanel::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1.5px;pointer-events:none;background:linear-gradient(180deg,rgba(240,230,255,.6),rgba(196,167,255,.1) 28%,rgba(196,167,255,.08) 62%,rgba(245,240,255,.9));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.bubble::before{display:none}.bubble{background:linear-gradient(180deg,rgba(20,8,50,.5),rgba(70,35,150,.22))!important;border:0!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.5),inset 0 -1px 1px rgba(236,225,255,.5)!important}.card{position:relative;border:1px solid transparent;background:var(--g-fill),rgba(14,10,30,.72);box-shadow:var(--g-drop)}.card::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1.5px 2px rgba(255,255,255,.35),inset 0 -2px 3px rgba(236,225,255,.45),inset 0 10px 16px -8px rgba(0,0,0,.35)}.cbody,.app{position:relative;z-index:0}.thumb{background:radial-gradient(circle at 70% 25%,rgba(139,61,255,.45),transparent 55%),#120f26}.badge{border:1px solid rgba(196,167,255,.22);box-shadow:inset 0 1px 1px rgba(255,255,255,.28),inset 0 -1px 1px rgba(236,225,255,.3)}.btn,.pbtn{border:1.5px solid transparent}.btn{background:linear-gradient(180deg,rgba(140,90,245,.55),rgba(60,30,140,.7));box-shadow:var(--g-depth),inset 0 -10px 12px -8px rgba(190,150,255,.5),0 6px 18px -6px rgba(112,40,232,.65)}.btn:disabled{background:var(--g-fill),rgba(20,14,40,.5);box-shadow:var(--g-depth)}.pbtn{box-shadow:var(--g-depth),var(--g-drop)}.ico{box-shadow:var(--g-drop)}.field{border:1.5px solid transparent;background:linear-gradient(180deg,rgba(24,14,58,.95),rgba(14,9,34,.95)) padding-box,linear-gradient(180deg,rgba(240,230,255,.5),rgba(196,167,255,.1) 30%,rgba(196,167,255,.08) 62%,rgba(245,240,255,.85)) border-box;box-shadow:inset 0 2px 6px rgba(0,0,0,.5)}.field:focus{border-color:var(--v3)}.banner{position:relative}.btn::after,.pbtn::after,.card::after,.banner::after,.ico::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1.5px;pointer-events:none;background:linear-gradient(180deg,rgba(240,230,255,.6),rgba(196,167,255,.1) 28%,rgba(196,167,255,.08) 62%,rgba(245,240,255,.9));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}:root{--g-fill:linear-gradient(180deg,rgba(40,20,90,.3) 0%,rgba(150,110,255,.1) 55%,rgba(200,170,255,.16) 100%);--g-depth:inset 0 0 0 1px rgba(210,190,255,.2),inset 0 1px 1px rgba(255,255,255,.3),inset 0 8px 10px -6px rgba(0,0,0,.45),inset 0 -7px 9px -5px rgba(236,225,255,.42),inset 0 -1.5px 1px rgba(255,255,255,.85),inset 0 0 12px 1px rgba(200,170,255,.14);--g-drop:0 12px 26px -10px rgba(0,0,0,.55)}header.nav::after,.dock::after,.btn::after,.pbtn::after,.card::after,.banner::after,.ico::after,.gtile::after,.gbar::after,.gpanel::after{background:linear-gradient(180deg,rgba(225,210,255,.55),rgba(196,167,255,.16) 30%,rgba(196,167,255,.14) 65%,rgba(250,246,255,.95))}.gtile::before,.card::before{box-shadow:var(--g-depth)}.bubble{background:linear-gradient(180deg,rgba(10,4,32,.6),rgba(40,20,90,.35))!important;box-shadow:inset 0 3px 8px rgba(0,0,0,.55),inset 0 -1px 1px rgba(236,225,255,.55),inset 0 0 0 1px rgba(210,190,255,.1)!important}.dock a,.menu a.lnk{color:rgba(247,245,255,.55)}.dock a.on,.menu a.lnk.on{color:#fff}.field{box-shadow:inset 0 2px 6px rgba(0,0,0,.5),inset 0 -1.5px 1px rgba(255,255,255,.5)}.alt{background:transparent}main>section:not(.hero):not(.feat-sec){position:relative;isolation:isolate}main>section:not(.hero):not(.feat-sec)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(360px 300px at 88% 14%,rgba(139,61,255,.32),transparent 70%),radial-gradient(340px 340px at 8% 62%,rgba(112,40,232,.26),transparent 70%),radial-gradient(300px 260px at 80% 92%,rgba(168,85,247,.2),transparent 70%)}.card{background:var(--g-fill),rgba(14,10,30,.4)}.card::before{box-shadow:var(--g-depth),inset 0 -14px 16px -10px rgba(200,170,255,.3)}.card.app{-webkit-backdrop-filter:blur(8px) saturate(1.5);backdrop-filter:blur(8px) saturate(1.5)}.status{box-shadow:inset 0 1px 1px rgba(255,255,255,.25),inset 0 -1px 1px rgba(236,225,255,.3)}:root{--bg:#07040f;--bg2:#0b0618}body{background:#07040f}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(640px 440px at 50% -80px,rgba(124,77,230,.5),transparent 72%),radial-gradient(480px 520px at 105% 30%,rgba(167,139,250,.22),transparent 70%),radial-gradient(520px 560px at -10% 68%,rgba(105,60,210,.28),transparent 70%),radial-gradient(520px 420px at 85% 108%,rgba(150,110,240,.2),transparent 70%),linear-gradient(180deg,#0c0720 0%,#08040f 50%,#040208 100%)}main>section:not(.hero):not(.feat-sec)::before{display:none}.alt{border-block-color:rgba(196,167,255,.1)}body::before{inset:-24px;background:linear-gradient(rgba(7,4,15,.22),rgba(7,4,15,.22)),url("https://i.ibb.co.com/XxJp2Ny5/97e48cca0afcc1f34b83e75d836844e0.jpg") center/cover no-repeat,linear-gradient(180deg,#0c0720,#040208);-webkit-filter:blur(5px);filter:blur(5px)}.dock{width:calc(100% - 24px);max-width:460px;gap:2px;padding:7px}.dock a,.dock a.on,.dock a:not(.on){flex:1 1 0;min-width:0;flex-direction:column;justify-content:center;gap:3px;min-height:60px;padding:8px 2px;font-size:.68rem;line-height:1.1;text-align:center}.dock a svg{width:26px;height:26px}.dock a span,.dock a.on span{display:block;max-width:none;opacity:1;overflow:visible}.dock a[data-search][aria-expanded=true]{color:#fff;background:linear-gradient(180deg,rgba(10,4,32,.6),rgba(40,20,90,.35));box-shadow:inset 0 3px 8px rgba(0,0,0,.55),inset 0 -1px 1px rgba(236,225,255,.55)}.dsearch{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(max(16px,env(safe-area-inset-bottom)) + 88px);width:calc(100% - 24px);max-width:460px;z-index:59;padding:12px;border-radius:26px;background:var(--g-fill),rgba(12,9,26,.55);box-shadow:var(--g-depth),var(--g-drop);-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5)}.dres{display:grid;gap:6px;margin-top:10px;max-height:40vh;overflow:auto}.dres:empty{display:none}.dres a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.05);font-size:.92rem}.dres a:hover,.dres a:active{background:rgba(139,61,255,.2)}.dres small{color:var(--tx2);flex:none}.brand{display:flex;align-items:center;gap:12px;min-width:0}.back{position:relative;isolation:isolate;flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:999px;color:#fff;background:var(--g-fill),rgba(12,9,26,.4);box-shadow:var(--g-depth),0 6px 16px -8px rgba(0,0,0,.6);transition:transform .3s var(--lg-ease)}.back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.back:active{transform:scale(.92)}.sub .nav .wrap{padding-left:8px}.dsearch::after,.back::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1.5px;pointer-events:none;background:linear-gradient(180deg,rgba(225,210,255,.55),rgba(196,167,255,.16) 30%,rgba(196,167,255,.14) 65%,rgba(250,246,255,.95));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.dock a:hover,.menu a.lnk:hover{background:transparent}@media(hover:none){.dock a:hover,.menu a.lnk:hover{color:rgba(247,245,255,.55)}.dock a.on:hover,.menu a.lnk.on:hover{color:#fff}}html{scroll-padding-top:84px}.nav .wrap{min-height:52px;padding:6px 6px 6px 24px}.menu a.lnk{min-height:38px}.menu .btn.sm{min-height:38px}.menu .btn.ico{width:38px;min-height:38px;padding:0;border-radius:999px}.menu .btn.ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}@media(max-width:820px){.nav .wrap{padding:5px 5px 5px 18px;min-height:46px}}@media(max-width:400px){.menu .btn.ico{width:36px;min-height:36px;padding:0}}.back-fab{position:fixed;top:max(14px,env(safe-area-inset-top));left:12px;z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media(min-width:821px){.back-fab{left:max(12px,calc((100vw - 1120px)/2 - 54px))}}.field.search{padding-left:46px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C4A7FF' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E") no-repeat 16px center/20px 20px,linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03))}.menu .btn.ico,.menu .btn.ico.sm{width:38px;height:38px;min-width:38px;min-height:38px;padding:0;flex:none;border-radius:50%;aspect-ratio:1}@media(max-width:400px){.menu .btn.ico,.menu .btn.ico.sm{width:36px;height:36px;min-width:36px;min-height:36px;padding:0}}.logo{display:inline-flex;align-items:center;gap:9px}.logo-img{width:32px;height:32px;flex:none;border-radius:9px;object-fit:cover}.dock{padding:5px}.dock a,.dock a.on,.dock a:not(.on){min-height:52px;padding:6px 2px;gap:2px;font-size:.64rem}.dock a svg{width:23px;height:23px}body{padding-bottom:92px}.toast{bottom:92px}.dsearch{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 76px)}.logo{gap:0}.logo-img{margin-right:9px}.nav .wrap{padding-left:6px}.sub .nav .wrap{padding-left:6px}.logo{gap:0}.logo-orb{position:relative;isolation:isolate;flex:none;display:block;width:38px;height:38px;border-radius:50%;overflow:hidden;margin-right:10px;background:linear-gradient(180deg,rgba(140,90,245,.55),rgba(60,30,140,.7));box-shadow:var(--g-drop),0 6px 18px -6px rgba(112,40,232,.65)}.logo-orb img{width:100%;height:100%;object-fit:cover;border-radius:50%}.logo-orb::before{content:"";position:absolute;inset:0;z-index:1;border-radius:50%;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.05) 42%,rgba(255,255,255,0) 55%);box-shadow:var(--g-depth)}.logo-orb::after{content:"";position:absolute;inset:0;z-index:2;border-radius:50%;padding:1.5px;pointer-events:none;background:linear-gradient(180deg,rgba(225,210,255,.55),rgba(196,167,255,.16) 30%,rgba(196,167,255,.14) 65%,rgba(250,246,255,.95));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@media(max-width:400px){.logo-orb{width:36px;height:36px;margin-right:8px}}footer{padding-top:8px}.dockwrap{position:fixed;left:50%;transform:translateX(-50%);bottom:max(16px,env(safe-area-inset-bottom));z-index:60;width:calc(100% - 24px);max-width:460px;display:flex;align-items:center;gap:10px}.dockwrap .dock{position:relative;left:auto;bottom:auto;transform:none;max-width:none;width:auto;flex:1 1 auto;min-width:0}.dockwrap .dock.dock-s{flex:none;width:64px;height:64px;padding:5px;justify-content:center}.dockwrap .dock-s a{flex:1 1 auto;width:100%;height:100%;min-height:0;padding:0}.card.app .btn[data-order]{background:radial-gradient(120% 80% at 28% -10%,rgba(255,255,255,.42),rgba(255,255,255,0) 58%),radial-gradient(90% 70% at 80% 120%,rgba(210,170,255,.5),rgba(210,170,255,0) 60%),linear-gradient(180deg,rgba(170,115,255,.5),rgba(84,40,196,.42));-webkit-backdrop-filter:blur(14px) saturate(1.9);backdrop-filter:blur(14px) saturate(1.9);box-shadow:inset 0 1.5px 1px rgba(255,255,255,.8),inset 0 -2px 2px rgba(255,255,255,.35),inset 0 0 0 1px rgba(225,205,255,.25),inset 0 -14px 16px -10px rgba(36,8,110,.6),inset 0 12px 14px -10px rgba(255,255,255,.4),0 14px 26px -10px rgba(70,25,190,.75),0 2px 5px rgba(0,0,0,.35);text-shadow:0 1px 3px rgba(40,8,110,.55);letter-spacing:.01em}.card.app .btn[data-order]::before{inset:2px 5px auto 5px;height:46%;border-radius:999px 999px 55% 55%/100% 100% 45% 45%;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.08) 75%,rgba(255,255,255,0))}.card.app .btn[data-order]:active{transform:scale(.97);filter:brightness(1.05)}.bubble.pop{animation:none!important}.btn:not(:disabled):active,.pbtn:not(:disabled):active,.back:active,.card.app .btn[data-order]:active{transform:none!important}.btn:not(:disabled):active,.pbtn:not(:disabled):active{filter:brightness(1.12);transition-duration:.1s}.btn:not(:disabled):active{box-shadow:var(--g-depth),var(--g-drop)}.pbtn:not(:disabled):active{border-color:transparent;box-shadow:var(--g-depth),var(--g-drop)}:root{--bub-dur:.34s}:root{--g-fill:linear-gradient(180deg,rgba(255,255,255,.11) 0%,rgba(190,160,255,.05) 50%,rgba(255,255,255,.08) 100%);--g-depth:inset 0 0 0 1px rgba(255,255,255,.09),inset 0 1px 1px rgba(255,255,255,.5),inset 2px 0 3px -1px rgba(255,255,255,.34),inset -2px 0 3px -1px rgba(255,255,255,.26),inset 0 -1.5px 1px rgba(255,255,255,.55),inset 0 -9px 11px -9px rgba(255,255,255,.24),inset 0 0 16px rgba(200,175,255,.07);--g-drop:0 12px 30px -10px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.18)}header.nav,.dock{background:var(--g-fill),rgba(10,8,22,.16);box-shadow:var(--g-depth),var(--g-drop);-webkit-backdrop-filter:blur(14px) saturate(1.7);backdrop-filter:blur(14px) saturate(1.7)}header.nav.scrolled{box-shadow:var(--g-depth),var(--g-drop),0 0 26px -8px rgba(139,61,255,.4)}.dsearch,.gbar,.gpanel{background:var(--g-fill),rgba(12,9,26,.3)}.card{background:var(--g-fill),rgba(14,10,30,.5);-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5)}.btn,.nav .btn{background:var(--g-fill),linear-gradient(180deg,rgba(150,100,255,.30),rgba(70,35,160,.34));box-shadow:var(--g-depth),var(--g-drop);-webkit-backdrop-filter:blur(10px) saturate(1.6);backdrop-filter:blur(10px) saturate(1.6)}.btn:disabled{background:var(--g-fill),rgba(20,14,40,.35)}.pbtn{background:var(--g-fill),rgba(255,255,255,.02);box-shadow:var(--g-depth),var(--g-drop);-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5)}.logo-orb{background:var(--g-fill),rgba(120,80,230,.28);box-shadow:var(--g-drop)}.back{background:var(--g-fill),rgba(12,9,26,.18);box-shadow:var(--g-depth),var(--g-drop)}.bubble{background:linear-gradient(180deg,rgba(10,4,32,.5),rgba(40,20,90,.22))!important}.card.app .btn[data-order]{background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.035) 55%,rgba(255,255,255,.08));-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);box-shadow:var(--g-depth),0 10px 22px -10px rgba(0,0,0,.6),inset 0 0 18px rgba(170,130,255,.1);text-shadow:0 1px 4px rgba(0,0,0,.45);letter-spacing:.01em}.card.app .btn[data-order]::before{inset:2px 6px auto 6px;height:44%;border-radius:999px 999px 55% 55%/100% 100% 45% 45%;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.04) 80%,rgba(255,255,255,0))}.card.app .btn[data-order]:active{filter:brightness(1.15);box-shadow:var(--g-depth),0 10px 22px -10px rgba(0,0,0,.6),inset 0 0 18px rgba(170,130,255,.1)}.card.app .btn[data-order]:disabled{opacity:.5}html{overflow-x:hidden;overscroll-behavior:none;touch-action:pan-y pinch-zoom;-webkit-text-size-adjust:100%}body{overflow-x:clip;overscroll-behavior:none;max-width:100%}body::before{inset:0;transform:scale(1.08);transform-origin:center;will-change:transform}.dockwrap,.dsearch,.toast,header.nav{max-width:100vw}:root{--g-fill:linear-gradient(180deg,rgba(255,255,255,.07) 0%,rgba(150,110,255,.035) 55%,rgba(200,170,255,.09) 100%);--g-depth:inset 0 0 0 1px rgba(220,205,255,.13),inset 0 1px 1px rgba(255,255,255,.36),inset 2px 0 3px -2px rgba(255,255,255,.34),inset -2px 0 3px -2px rgba(255,255,255,.24),inset 0 -1px 1px rgba(255,255,255,.38),inset 0 10px 14px -10px rgba(0,0,0,.22),inset 0 -9px 12px -9px rgba(236,225,255,.2),inset 0 0 18px rgba(200,170,255,.05);--g-drop:0 16px 30px -14px rgba(0,0,0,.6),0 3px 9px -3px rgba(0,0,0,.35)}header.nav,.dock{background:var(--g-fill),rgba(10,8,22,.2);box-shadow:var(--g-depth),var(--g-drop);-webkit-backdrop-filter:blur(12px) saturate(1.6);backdrop-filter:blur(12px) saturate(1.6)}header.nav.scrolled{box-shadow:var(--g-depth),var(--g-drop),0 0 26px -8px rgba(139,61,255,.4)}.card{background:var(--g-fill),rgba(14,10,30,.34);box-shadow:var(--g-drop)}.card::before{box-shadow:var(--g-depth)}.card,.card.app{-webkit-backdrop-filter:blur(12px) saturate(1.6);backdrop-filter:blur(12px) saturate(1.6)}.gbar,.gpanel,.dsearch{background:var(--g-fill),rgba(12,9,26,.22);box-shadow:var(--g-depth),var(--g-drop)}.pbtn{background:var(--g-fill);box-shadow:var(--g-depth),var(--g-drop);-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5)}.back{box-shadow:var(--g-depth),var(--g-drop)}.field{box-shadow:inset 0 2px 6px rgba(0,0,0,.4),inset 0 -1.5px 1px rgba(255,255,255,.4),inset 2px 0 3px -2px rgba(255,255,255,.2),inset -2px 0 3px -2px rgba(255,255,255,.15)}.bubble{box-shadow:inset 0 3px 8px rgba(0,0,0,.45),inset 0 -1px 1px rgba(236,225,255,.5),inset 2px 0 3px -2px rgba(255,255,255,.25),inset -2px 0 3px -2px rgba(255,255,255,.2)!important}header.nav::after,.dock::after,.btn::after,.pbtn::after,.card::after,.banner::after,.ico::after,.gtile::after,.gbar::after,.gpanel::after,.logo-orb::after{background:linear-gradient(180deg,rgba(235,222,255,.5),rgba(196,167,255,.12) 30%,rgba(196,167,255,.1) 65%,rgba(250,246,255,.8))}.card.app .btn[data-order]{background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.035) 52%,rgba(190,160,255,.1)),rgba(110,75,200,.12);-webkit-backdrop-filter:blur(10px) saturate(1.6);backdrop-filter:blur(10px) saturate(1.6);box-shadow:var(--g-depth),0 10px 20px -12px rgba(0,0,0,.65),0 2px 4px -1px rgba(0,0,0,.3);text-shadow:0 1px 4px rgba(0,0,0,.5);color:rgba(255,255,255,.95);letter-spacing:.01em}.card.app .btn[data-order]::before{inset:2px 6px auto 6px;height:44%;border-radius:999px 999px 55% 55%/100% 100% 45% 45%;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.03) 80%,rgba(255,255,255,0))}.card.app .btn[data-order]:hover{filter:none;background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.05) 52%,rgba(190,160,255,.13)),rgba(110,75,200,.16)}.card.app .btn[data-order]:active{transform:scale(.97);filter:none}.card .btn.paid{width:100%;margin-top:10px;min-height:42px;font-size:.9rem;gap:8px;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.035) 52%,rgba(190,160,255,.1)),rgba(110,75,200,.12);-webkit-backdrop-filter:blur(10px) saturate(1.6);backdrop-filter:blur(10px) saturate(1.6);box-shadow:var(--g-depth),0 10px 20px -12px rgba(0,0,0,.65),0 2px 4px -1px rgba(0,0,0,.3);text-shadow:0 1px 4px rgba(0,0,0,.5);color:rgba(255,255,255,.95)}.card .btn.paid{white-space:nowrap}.card .btn.paid::before{inset:0;height:auto;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.17) 0%,rgba(255,255,255,.07) 28%,rgba(255,255,255,0) 52%)}.card .btn.paid svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.card .btn.paid:active{transform:scale(.97);filter:none}.sfield{position:relative;display:block;flex:1 1 260px;min-width:0;width:100%}.sfield .field{width:100%;padding-right:48px}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.sclear{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:2;width:30px;height:30px;padding:0;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:#fff;border:1px solid rgba(235,222,255,.22);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.05));box-shadow:inset 0 1px 1px rgba(255,255,255,.35),inset 0 -1px 1px rgba(255,255,255,.2),0 4px 10px -4px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sclear svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.sclear:active{transform:translateY(-50%) scale(.92)}html.pg,html.pg body{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:auto;padding-bottom:0}html.pg header.nav{position:fixed;top:12px;left:0;right:0;margin:0 auto;z-index:50}@media(min-width:1280px){html.pg header.nav{top:16px}}.pager{position:fixed;inset:0;z-index:1;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pager::-webkit-scrollbar{display:none}.page{position:relative;flex:0 0 100%;width:100%;height:100%;padding-top:72px;scroll-snap-align:start;scroll-snap-stop:always;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none}.page::-webkit-scrollbar{display:none}.page::after{content:"";display:block;height:calc(112px + env(safe-area-inset-bottom))}#preset>section,#aplikasi>section,#sosmed>section{padding-top:20px;border-block:0}#sosmed>section{padding-bottom:24px}.page>footer{border-top:0}html.pg .dsearch{top:70px;bottom:auto}.dockwrap .dock:not(.dock-s){max-width:none}#info>section{padding-top:20px;border-block:0}.info{display:grid;gap:14px;max-width:760px}.icard{position:relative;padding:20px;border-radius:24px;border:1px solid var(--bd);background:var(--g-fill),rgba(12,9,26,.3);box-shadow:var(--g-depth),var(--g-drop);-webkit-backdrop-filter:blur(8px) saturate(1.4);backdrop-filter:blur(8px) saturate(1.4)}.icard h3{font-size:1.1rem;font-weight:600;margin-bottom:6px}.icard p{color:var(--tx2);font-size:.95rem}.icard p:not(:last-child){margin-bottom:16px}.icard .btn{width:100%}.card.hl{animation:cardHl 2.2s ease-out}@keyframes cardHl{0%,55%{box-shadow:0 0 0 2px rgba(196,167,255,.95),0 0 30px rgba(139,61,255,.75)}100%{box-shadow:0 0 0 2px rgba(196,167,255,0),0 0 0 rgba(139,61,255,0)}}:root{--bub-dur:.3s}.bubble.pop{animation-duration:.4s}:root{--lg-edge:inset 0 1px 1px rgba(255,255,255,.21),inset 0 -1px 2px rgba(196,167,255,.064),inset 0 0 14px rgba(196,167,255,.024);--g-depth:inset 0 0 0 1px rgba(220,205,255,.104),inset 0 1px 1px rgba(255,255,255,.29),inset 2px 0 3px -2px rgba(255,255,255,.27),inset -2px 0 3px -2px rgba(255,255,255,.19),inset 0 -1px 1px rgba(255,255,255,.3),inset 0 10px 14px -10px rgba(0,0,0,.22),inset 0 -9px 12px -9px rgba(236,225,255,.16),inset 0 0 18px rgba(200,170,255,.05)}header.nav::after,.dock::after,.btn::after,.pbtn::after,.card::after,.banner::after,.ico::after,.gtile::after,.gbar::after,.gpanel::after,.logo-orb::after{background:linear-gradient(180deg,rgba(235,222,255,.4),rgba(196,167,255,.096) 30%,rgba(196,167,255,.08) 65%,rgba(250,246,255,.64))}.field{box-shadow:inset 0 2px 6px rgba(0,0,0,.4),inset 0 -1.5px 1px rgba(255,255,255,.32),inset 2px 0 3px -2px rgba(255,255,255,.16),inset -2px 0 3px -2px rgba(255,255,255,.12)}.bubble{box-shadow:inset 0 3px 8px rgba(0,0,0,.45),inset 0 -1px 1px rgba(236,225,255,.4),inset 2px 0 3px -2px rgba(255,255,255,.2),inset -2px 0 3px -2px rgba(255,255,255,.16)!important}.pbtn:hover{box-shadow:inset 0 1px 1px rgba(255,255,255,.56),inset 0 -1px 1px rgba(255,255,255,.16),0 14px 34px -12px rgba(0,0,0,.7)}.card.app .btn[data-order]::before,.card .btn.paid::before{inset:0;height:auto;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.17) 0%,rgba(255,255,255,.06) 30%,rgba(255,255,255,0) 54%)}.btn,.nav .btn,.pbtn,.card.app .btn[data-order],.card .btn.paid{-webkit-backdrop-filter:blur(4px) saturate(1.3);backdrop-filter:blur(4px) saturate(1.3)}*,*::before,*::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}header.nav,.dock,.dsearch,.toast{-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important}body::before{will-change:auto}.page{contain:layout paint style;-webkit-overflow-scrolling:touch}.pager{scroll-behavior:auto}html.pg header.nav{top:max(16px,env(safe-area-inset-top));left:12px;right:12px;width:auto;max-width:none;margin:0;transform:none}@media(min-width:1280px){html.pg header.nav{top:16px}}header.nav{border-radius:999px}.nav .wrap,.sub .nav .wrap{width:100%;min-height:64px;height:64px;padding:6px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px}@media(max-width:820px){.nav .wrap,.sub .nav .wrap{padding:6px 8px;min-height:64px}}@media(max-width:400px){.nav .wrap,.sub .nav .wrap{padding:6px 8px}}.nav .logo{display:flex;align-items:center;height:52px;gap:0;font-size:1.2rem;line-height:1;letter-spacing:-.02em}.logo-orb,.nav .logo-orb{width:44px;height:44px;margin-right:10px}@media(max-width:400px){.logo-orb,.nav .logo-orb{width:44px;height:44px;margin-right:9px}.logo{font-size:1.15rem}}.menu .btn.ico,.menu .btn.ico.sm,.nav .btn.ico{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;margin:0}.menu .btn.ico svg{width:23px;height:23px}@media(max-width:400px){.menu .btn.ico,.menu .btn.ico.sm{width:44px;height:44px;min-width:44px;min-height:44px}}.menu a.lnk{min-height:44px;font-size:.9rem}.page{padding-top:88px}html.pg .dsearch{top:88px}html{scroll-padding-top:100px}.nav .wrap,.sub .nav .wrap,html.pg .nav .wrap{min-height:62px;height:62px;padding:5px 5px}@media(max-width:820px){html.pg .nav .wrap,.nav .wrap,.sub .nav .wrap{min-height:62px;height:62px;padding:5px 5px}}html.pg .nav .wrap,.nav .wrap,.sub .nav .wrap{padding:5px 9px}@media(max-width:820px){html.pg .nav .wrap,.nav .wrap,.sub .nav .wrap{padding:5px 9px}}.nav .logo{margin:0;padding:0}.nav .logo-orb,.nav .btn.ico{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;background:linear-gradient(180deg,rgba(140,90,245,.55),rgba(60,30,140,.7))}.nav .logo-orb{margin-right:10px;box-shadow:var(--g-drop)}.nav .btn.ico{box-shadow:var(--g-drop);margin:0}.nav .btn.ico{background:var(--g-fill),rgba(10,8,22,.2);border:1px solid rgba(196,167,255,.28);box-shadow:var(--g-depth),var(--g-drop);color:rgba(247,245,255,.9)}.nav .btn.ico::after{background:linear-gradient(180deg,rgba(235,222,255,.4),rgba(196,167,255,.096) 30%,rgba(196,167,255,.08) 65%,rgba(250,246,255,.64))}@media(hover:hover){.nav .btn.ico:not(:disabled):hover{background:var(--g-fill),rgba(139,61,255,.16);border-color:rgba(216,180,254,.4)}}.nav .btn.ico[aria-expanded=true]{background:var(--g-fill),rgba(139,61,255,.2)}.nav .logo-orb{background:var(--g-fill),rgba(10,8,22,.2)}.pager{scroll-snap-type:x mandatory}html.pg .menu a.lnk,html.pg .dock a{transition:color .25s ease}.bubble{will-change:transform,width,height}.hero h1{filter:drop-shadow(0 4px 12px rgba(0,0,0,.55)) drop-shadow(0 0 24px rgba(139,61,255,.35))}header.nav.searching .logo,header.nav.searching .menu a.lnk,header.nav.searching .menu .bubble{display:none!important}.nclose svg,.nav .btn.ico svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.nclose{flex:none}.nsearch{flex:1 1 auto;min-width:0;margin:0 10px;display:flex;align-items:center}.nfield{width:100%;height:44px;min-width:0;border:0;outline:0;background:transparent;color:var(--tx);font:500 1rem var(--f-body);padding:0 4px;-webkit-appearance:none;appearance:none}.nfield::placeholder{color:rgba(247,245,255,.5)}.nfield::-webkit-search-cancel-button,.nfield::-webkit-search-decoration{-webkit-appearance:none;display:none}header.nav.searching .btn.ico[data-search]{background:linear-gradient(180deg,rgba(139,61,255,.3),rgba(76,29,149,.22)),rgba(10,8,22,.2);border-color:rgba(196,167,255,.45)}html.pg .dsearch,.dsearch{position:fixed;top:88px;bottom:auto;left:12px;right:12px;transform:none;width:auto;max-width:none;max-height:min(60vh,420px);overflow:auto;padding:8px;border-radius:24px}.dsearch .dres{display:flex;flex-direction:column;gap:2px}.dsearch .dres a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 14px;border-radius:14px;font-weight:600}.dsearch .dres a small{color:var(--lav);font-weight:500;font-size:.75rem}.dsearch .dres a:hover,.dsearch .dres a:focus-visible{background:rgba(255,255,255,.07)}.nav .menu{align-items:center;height:44px}.nav .menu .btn.ico[data-search]{position:relative;top:0}.card.app{padding:18px;gap:14px;border-radius:26px}.card.app .ahead{display:flex;align-items:center;gap:16px}.card.app .ico{width:64px;height:64px;border-radius:16px;font-size:1.6rem}.card.app .ahead>div{flex:1;min-width:0}.card.app .ahead h3{font-size:1.3rem;font-weight:600;line-height:1.2}.card.app .asub{display:block;margin-top:6px;color:var(--tx2);font-size:1rem;line-height:1.3}.card.app .price{font-family:var(--f-head);font-size:2.1rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-top:2px}.card.app .price .ph{font-size:.9rem;letter-spacing:0}.card.app .btn[data-order],.card.app .btn[data-cart]{width:100%;min-height:50px;font-size:1rem;gap:8px}.card.app .btn[data-order] svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card.app .btn[data-cart]{min-height:46px;font-size:.95rem;font-weight:600;background:var(--g-fill),rgba(10,8,22,.2);border:1px solid rgba(196,167,255,.28);box-shadow:var(--g-depth),var(--g-drop);color:rgba(247,245,255,.92)}.card.app .btn[data-cart] svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover){.card.app .btn[data-cart]:not(:disabled):hover{background:var(--g-fill),rgba(139,61,255,.16);border-color:rgba(216,180,254,.4)}}.card.app .btn[data-cart]:disabled{opacity:.5}.card.app .plan{min-height:44px}.cartfab{position:fixed;right:16px;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 78px);z-index:58;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;border:1px solid rgba(196,167,255,.34);cursor:pointer;background:linear-gradient(180deg,rgba(139,61,255,.34),rgba(76,29,149,.26)),rgba(10,8,22,.35);box-shadow:var(--g-depth),var(--g-drop)}.cartfab svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.cbadge{position:absolute;top:-4px;right:-4px;min-width:21px;height:21px;padding:0 5px;border-radius:99px;background:#fff;color:#2a0f5c;font:700 .72rem/21px var(--f-acc);text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.4)}.cartfab.bump{animation:cbump .45s var(--bub-ease,ease)}@keyframes cbump{0%{scale:1}40%{scale:1.14}100%{scale:1}}.toast{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 84px)}@media(prefers-reduced-motion:reduce){.cartfab.bump{animation:none}}.card.app .ahead>div:not(.ico){flex:1;min-width:0}.card.app .ahead>.ico{flex:none;width:64px;height:64px}.chead h2{font-size:1.4rem;font-weight:600}.cback{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;cursor:pointer;border:1px solid rgba(196,167,255,.3);background:var(--g-fill),rgba(10,8,22,.3);box-shadow:var(--g-depth),var(--g-drop)}.cback svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover){.cback:hover{background:var(--g-fill),rgba(139,61,255,.18)}}.cpromo,.crow,.csum{border:1px solid rgba(196,167,255,.22);background:var(--g-fill),rgba(14,10,30,.42);box-shadow:var(--g-depth),var(--g-drop)}.cpromo{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:24px}.cpi{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,rgba(139,61,255,.45),rgba(76,29,149,.5));border:1px solid rgba(196,167,255,.3)}.cpi svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cpromo b{display:block;font-weight:600;font-size:1.02rem}.cpromo small{color:var(--lav);font-size:.88rem;line-height:1.4;display:block}.clist{display:grid;gap:12px;padding:0}.crow{position:relative;display:grid;grid-template-columns:auto 76px 1fr;gap:12px;align-items:center;padding:14px;border-radius:26px}.crow.off{opacity:.62}.csel{flex:none;width:30px;height:30px;border-radius:9px;border:1.5px solid rgba(196,167,255,.45);background:rgba(10,8,22,.35);display:grid;place-items:center;color:#fff;cursor:pointer;padding:0}.csel svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0}.csel[aria-checked=true]{background:linear-gradient(180deg,#9a5bff,#6a2be0);border-color:rgba(216,180,254,.7);box-shadow:0 4px 14px -4px rgba(139,61,255,.8)}.csel[aria-checked=true] svg{opacity:1}.crow .ico{width:76px;height:76px;border-radius:20px;font-size:1.8rem}.cmain{min-width:0;display:grid;gap:6px;padding-right:0}.cname{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-right:42px}.cname b{font-size:1.15rem;font-weight:600;line-height:1.2;overflow-wrap:anywhere}.ctier{padding:2px 10px;border-radius:99px;font:600 .78rem/1.5 var(--f-acc);color:#fff;background:linear-gradient(180deg,rgba(139,61,255,.5),rgba(76,29,149,.45));border:1px solid rgba(196,167,255,.4)}.csub{color:var(--tx2);font-size:.92rem}.cbot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;flex-wrap:wrap}.cprice{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-family:var(--f-head);font-weight:700;font-size:1.2rem}.cprice s{font:400 .85rem var(--f-body);color:var(--tx2)}.crm{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:rgba(247,245,255,.85);cursor:pointer;border:1px solid rgba(196,167,255,.25);background:var(--g-fill),rgba(10,8,22,.3)}.crm svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.crm:hover{color:#fff;background:rgba(255,255,255,.1)}.qty{display:flex;align-items:center;gap:2px;border-radius:99px;border:1px solid rgba(196,167,255,.3);background:rgba(10,8,22,.35);padding:3px;box-shadow:var(--g-depth)}.qty button{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#fff;font-size:1.3rem;line-height:1;cursor:pointer}.qty button:hover{background:rgba(255,255,255,.1)}.qty output{min-width:30px;text-align:center;font-weight:600}.cempty{display:grid;justify-items:center;gap:16px;padding:44px 12px;color:var(--tx2);text-align:center}.csum{padding:20px;border-radius:28px;display:grid;gap:12px}.csh{display:flex;align-items:center;justify-content:space-between;gap:10px}.csh h3{font-size:1.2rem;font-weight:600}.cpill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;font-size:.9rem;background:rgba(10,8,22,.4);border:1px solid rgba(196,167,255,.2)}.cpill svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.csr{display:flex;justify-content:space-between;color:var(--tx2);font-size:1rem}.csr span:last-child{color:var(--tx)}.csr .cdisc{color:#5eead4}.cstotal{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:4px;padding-top:16px;border-top:1px solid rgba(196,167,255,.2)}.cstotal span{font-size:1.1rem;font-weight:600}.cstotal b{font-family:var(--f-head);font-size:2rem;font-weight:700;letter-spacing:-.03em}.cgo{width:100%;min-height:58px;margin-top:6px;border-radius:999px;font-size:1.1rem;gap:12px;justify-content:space-between;padding:0 22px;background:linear-gradient(180deg,rgba(150,92,255,.95),rgba(104,44,225,.95));border:1px solid rgba(216,180,254,.5);box-shadow:var(--g-depth),0 14px 30px -12px rgba(139,61,255,.8)}.cgo .cwa{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cgo .cgt{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.cgo span{flex:1;text-align:left}.cgo:disabled{opacity:.5;background:rgba(40,28,80,.5)}.cclear{border:0;background:transparent;color:var(--tx2);font:500 .9rem var(--f-body);padding:6px;cursor:pointer;justify-self:center}.cclear:hover{color:#fff}@media(max-width:380px){.crow{grid-template-columns:auto 64px 1fr;gap:10px;padding:12px}.crow .ico{width:64px;height:64px}.cstotal b{font-size:1.7rem}}.cbot{flex-wrap:nowrap}.cprice{font-size:1.1rem;gap:6px;min-width:0}.cprice s{display:none}@media(min-width:440px){.cprice s{display:inline}}.qty button{width:32px;height:32px;font-size:1.2rem}.qty output{min-width:24px}.crow{grid-template-columns:auto 68px 1fr;gap:10px}.crow .ico{width:68px;height:68px;border-radius:18px}body:has(#cartWrap:not([hidden])) .toast{display:none}.cmain{min-height:100px;align-content:space-between}:root{--glass-fill:linear-gradient(135deg,rgba(255,255,255,.17) 0%,rgba(255,255,255,.05) 38%,rgba(255,255,255,.04) 62%,rgba(255,255,255,.13) 100%),rgba(22,15,46,.2);--rim:inset 0 1px 0 rgba(255,255,255,.6),inset 1px 0 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.34),inset -1px 0 0 rgba(255,255,255,.14),inset 0 0 26px rgba(255,255,255,.09),inset 0 -12px 20px -12px rgba(255,255,255,.2),inset 0 12px 18px -14px rgba(255,255,255,.22);--glass-drop:0 22px 40px -16px rgba(0,0,0,.6),0 6px 14px -6px rgba(0,0,0,.4);--rim-line:linear-gradient(135deg,rgba(255,255,255,.85),rgba(255,255,255,.14) 28%,rgba(255,255,255,.08) 55%,rgba(255,255,255,.16) 78%,rgba(255,255,255,.75))}header.nav,.dock,.dsearch,.cartfab,.cback,.cwin{-webkit-backdrop-filter:blur(9px) saturate(1.7) brightness(1.1)!important;backdrop-filter:blur(9px) saturate(1.7) brightness(1.1)!important}.cwin{-webkit-backdrop-filter:blur(16px) saturate(1.7) brightness(1.05)!important;backdrop-filter:blur(16px) saturate(1.7) brightness(1.05)!important}header.nav,.dock{background:var(--glass-fill);border-color:rgba(255,255,255,.18);box-shadow:var(--rim),var(--glass-drop)}header.nav.scrolled{box-shadow:var(--rim),var(--glass-drop),0 0 26px -8px rgba(139,61,255,.35)}.dsearch{background:var(--glass-fill),rgba(12,9,26,.45);box-shadow:var(--rim),var(--glass-drop)}.nav .btn.ico,.cartfab,.cback,.nav .logo-orb{background:var(--glass-fill);border-color:rgba(255,255,255,.2);box-shadow:var(--rim),0 8px 16px -8px rgba(0,0,0,.55)}@media(hover:hover){.nav .btn.ico:not(:disabled):hover,.cback:hover{background:var(--glass-fill),rgba(255,255,255,.08)}}.card,.card.app,.icard,.gbar,.gpanel,.gtile,.pbtn{background:var(--glass-fill),rgba(14,10,30,.34);box-shadow:var(--rim),var(--glass-drop)}.card::before{box-shadow:none}header.nav::after,.dock::after,.btn::after,.pbtn::after,.card::after,.banner::after,.ico::after,.gtile::after,.gbar::after,.gpanel::after,.logo-orb::after,.cartfab::after,.cback::after,.cwin::after,.crow::after,.csum::after,.cpromo::after,.dsearch::after{background:var(--rim-line)}.cartfab::after,.cback::after,.cwin::after,.crow::after,.csum::after,.cpromo::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1.5px;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.cback,.cpromo,.crow,.csum{position:relative}.cpage{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:14px;background:rgba(4,2,12,.55)}.cwin{position:relative;width:min(420px,100%);max-height:min(86vh,680px);display:flex;flex-direction:column;border-radius:30px;border:1px solid rgba(255,255,255,.16);background:var(--glass-fill),rgba(12,9,26,.5);box-shadow:var(--rim),0 40px 80px -20px rgba(0,0,0,.8)}.chead{display:flex;align-items:center;gap:12px;padding:12px 16px 6px 12px;flex:none}.chead h2{font-size:1.15rem;font-weight:600}.cback{width:40px;height:40px}.cback svg{width:21px;height:21px}.ccbody{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:6px 12px 14px;display:grid;gap:10px;align-content:start}.ccbody::-webkit-scrollbar{display:none}.cpromo,.crow,.csum{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:none}.cpromo{padding:10px 12px;gap:10px;border-radius:18px}.cpi{width:36px;height:36px}.cpi svg{width:20px;height:20px}.cpromo b{font-size:.88rem}.cpromo small{font-size:.76rem}.clist{gap:8px}.crow{grid-template-columns:auto 52px 1fr;gap:9px;padding:10px;border-radius:20px}.crow .ico{width:52px;height:52px;border-radius:14px;font-size:1.3rem}.csel{width:24px;height:24px;border-radius:8px}.csel svg{width:16px;height:16px}.cmain{min-height:0;gap:3px;align-content:start}.cname{padding-right:34px;gap:6px}.cname b{font-size:.95rem}.ctier{font-size:.68rem;padding:1px 8px}.csub{font-size:.78rem}.cbot{margin-top:2px}.cprice{font-size:.98rem}.crm{top:8px;right:8px;width:30px;height:30px}.crm svg{width:16px;height:16px}.qty{padding:2px}.qty button{width:26px;height:26px;font-size:1.05rem}.qty output{min-width:20px;font-size:.88rem}.csum{padding:14px;border-radius:20px;gap:8px}.csh h3{font-size:1rem}.cpill{padding:5px 10px;font-size:.78rem}.cpill svg{width:16px;height:16px}.csr{font-size:.88rem}.cstotal{padding-top:10px;margin-top:2px}.cstotal span{font-size:.95rem}.cstotal b{font-size:1.45rem}.cgo{min-height:48px;font-size:.98rem;padding:0 16px;margin-top:2px}.cgo .cwa{width:24px;height:24px}.cgo .cgt{width:18px;height:18px}.cclear{font-size:.82rem;padding:2px}.cempty{padding:28px 8px}@media(max-width:380px){.crow{grid-template-columns:auto 46px 1fr}.crow .ico{width:46px;height:46px}}#aGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card.app{position:relative}.card.app .abtns{display:grid;gap:10px}.card.app .btn .sm{display:none}@media(max-width:700px){#aGrid{gap:8px}.card.app{padding:10px 8px;gap:8px;border-radius:18px;text-align:center}.card.app .ahead{flex-direction:column;gap:6px}.card.app .ahead>div:not(.ico){flex:none;width:100%}.card.app .ahead>.ico{width:54px;height:54px;border-radius:15px;font-size:1.3rem}.card.app .ahead h3{font-size:.85rem;line-height:1.2}.card.app .asub{font-size:.68rem;margin-top:2px}.card.app .price{font-size:1rem;margin:0}.card.app .status{position:absolute;top:6px;right:6px;margin:0;font-size:.6rem;padding:2px 7px}.card.app .plan{min-height:36px;font-size:.78rem;padding:0 6px}.card.app .abtns{grid-template-columns:minmax(0,1fr) 36px;gap:5px}.card.app .btn[data-order]{min-height:36px;padding:0 4px;font-size:.76rem;gap:0}.card.app .btn[data-order] svg,.card.app .btn .lg,.card.app .btn .t{display:none}.card.app .btn .sm{display:inline}.card.app .btn[data-cart]{min-height:36px;width:36px;padding:0}.card.app .btn[data-cart] svg{width:18px;height:18px}}.cwin{width:min(400px,100%);max-height:min(74vh,600px)}.card.app .abtns{margin-top:auto}.cgo{background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.03) 60%,rgba(255,255,255,.14) 100%),rgba(140,90,255,.1);border:1px solid rgba(255,255,255,.28);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(255,255,255,.35),inset 1px 0 0 rgba(255,255,255,.25),inset -1px 0 0 rgba(255,255,255,.15),inset 0 0 22px rgba(255,255,255,.1),inset 0 -10px 16px -10px rgba(255,255,255,.28),0 14px 26px -12px rgba(0,0,0,.6),0 0 22px -8px rgba(168,120,255,.45)}.cgo::before{content:"";position:absolute;left:14px;right:14px;top:3px;height:42%;border-radius:999px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0))}.cgo svg{filter:drop-shadow(0 1px 4px rgba(0,0,0,.35))}.cgo>*{position:relative}@media(hover:hover){.cgo:not(:disabled):hover{filter:none;background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.08) 45%,rgba(255,255,255,.05) 60%,rgba(255,255,255,.18)),rgba(140,90,255,.16)}}.cgo:not(:disabled):active{transform:scale(.98)}.cgo:disabled{background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2);opacity:.5}.cwin .cgo{position:relative;overflow:hidden;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45);background:linear-gradient(180deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,.07) 46%,rgba(255,255,255,.04) 56%,rgba(255,255,255,.16) 100%),rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(255,255,255,.4),inset 0 0 22px rgba(255,255,255,.1),inset 0 -10px 16px -10px rgba(255,255,255,.28),0 14px 26px -12px rgba(0,0,0,.6),0 3px 8px -3px rgba(0,0,0,.35)}.cwin .cgo::before{content:"";position:absolute;left:14px;right:14px;top:3px;height:44%;border-radius:999px 999px 60% 60%/100% 100% 40% 40%;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.04))}.cwin .cgo>*{position:relative;z-index:1}@media(hover:hover){.cwin .cgo:not(:disabled):hover{background:linear-gradient(180deg,rgba(255,255,255,.32) 0%,rgba(255,255,255,.1) 46%,rgba(255,255,255,.06) 56%,rgba(255,255,255,.2) 100%),rgba(255,255,255,.06);filter:none}}.cwin .cgo:not(:disabled):active{transform:scale(.98)}.cwin .cgo:disabled{opacity:.45;background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}.cwin .cgo:disabled::before{display:none}.cgo,.cartpanel .cgo{background:linear-gradient(135deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.05) 42%,rgba(255,255,255,.04) 60%,rgba(255,255,255,.16) 100%),rgba(150,100,255,.1);border:1px solid rgba(255,255,255,.28);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(255,255,255,.35),inset 1px 0 0 rgba(255,255,255,.25),inset -1px 0 0 rgba(255,255,255,.15),inset 0 0 22px rgba(255,255,255,.1),inset 0 -10px 16px -10px rgba(255,255,255,.22),0 14px 26px -12px rgba(0,0,0,.6),0 4px 10px -4px rgba(0,0,0,.35)}.cgo::before{content:"";position:absolute;left:6%;right:6%;top:2px;height:42%;border-radius:999px 999px 60% 60%/100% 100% 40% 40%;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,0))}@media(hover:hover){.cgo:not(:disabled):hover{filter:none;background:linear-gradient(135deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.08) 42%,rgba(255,255,255,.06) 60%,rgba(255,255,255,.2) 100%),rgba(150,100,255,.16)}}.cgo:not(:disabled):active{transform:scale(.985)!important}.cgo:disabled{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.02)),rgba(20,14,40,.2);opacity:.55;text-shadow:none}.cgo>*{position:relative;z-index:1}.cgo::before{display:none}.cwin .cgo{position:relative;overflow:hidden;border:1px solid transparent;border-radius:999px;color:#fff;text-shadow:none;font-weight:500;letter-spacing:.01em;padding:0 22px;min-height:56px;background:linear-gradient(180deg,rgba(8,16,24,.28) 0%,rgba(255,255,255,.03) 42%,rgba(255,255,255,.1) 78%,rgba(255,255,255,.2) 100%),rgba(120,150,165,.06);box-shadow:inset 0 4px 9px -1px rgba(0,0,0,.38),inset 0 -1.5px 1px rgba(255,255,255,.95),inset 0 -14px 16px -10px rgba(255,255,255,.2),0 14px 24px -12px rgba(0,0,0,.6),0 3px 8px -3px rgba(0,0,0,.35)}.cwin .cgo::after{background:linear-gradient(180deg,rgba(170,200,215,.7) 0%,rgba(170,200,215,.28) 38%,rgba(210,230,240,.35) 74%,rgba(255,255,255,.98) 100%);padding:1.2px}.cwin .cgo::before{content:"";display:block;position:absolute;inset:5px;height:auto;left:5px;right:5px;top:5px;z-index:0;border-radius:999px;pointer-events:none;background:linear-gradient(180deg,rgba(14,28,38,.52),rgba(30,52,64,.36));border:1px solid rgba(190,215,225,.1);box-shadow:inset 0 3px 7px rgba(0,0,0,.35),inset 0 -1px 0 rgba(255,255,255,.08)}.cwin .cgo>*{position:relative;z-index:1}.cwin .cgo span{font-size:1.05rem}.cwin .cgo svg{filter:none}@media(hover:hover){.cwin .cgo:not(:disabled):hover{filter:none;background:linear-gradient(180deg,rgba(8,16,24,.24) 0%,rgba(255,255,255,.05) 42%,rgba(255,255,255,.13) 78%,rgba(255,255,255,.24) 100%),rgba(120,150,165,.08)}}.cwin .cgo:disabled{opacity:.5;background:linear-gradient(180deg,rgba(8,16,24,.2),rgba(255,255,255,.06)),rgba(120,150,165,.04);box-shadow:inset 0 -1.5px 1px rgba(255,255,255,.5)}.cwin .cgo:disabled::before{display:block}#aGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:700px){#aGrid{gap:10px}.card.app{padding:12px 10px;gap:10px}.card.app .ahead>.ico{width:60px;height:60px;border-radius:17px;font-size:1.4rem}.card.app .ahead h3{font-size:.95rem}.card.app .asub{font-size:.74rem}.card.app .price{font-size:1.15rem}.card.app .abtns{grid-template-columns:minmax(0,1fr) 40px;gap:6px}.card.app .btn[data-order]{min-height:40px;font-size:.84rem}.card.app .btn[data-cart]{min-height:40px;width:40px}}.cwin .cgo{position:relative;isolation:isolate;overflow:hidden;min-height:58px;padding:0 24px;gap:0;justify-content:center;border:0;border-radius:999px;color:#fff;font-weight:700;letter-spacing:.01em;text-shadow:0 1px 3px rgba(18,6,48,.55);background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.04) 45%,rgba(255,255,255,.02) 62%,rgba(255,255,255,.10) 100%),rgba(140,90,240,.16);-webkit-backdrop-filter:blur(10px) saturate(1.7);backdrop-filter:blur(10px) saturate(1.7);box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 -1px 1px rgba(255,255,255,.3),inset 0 12px 16px -10px rgba(255,255,255,.2),inset 0 -14px 18px -10px rgba(190,140,255,.35),0 18px 26px -14px rgba(0,0,0,.75),0 6px 12px -6px rgba(0,0,0,.45),0 12px 32px -14px rgba(130,70,230,.5)}.cwin .cgo::after{content:"";display:block;position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1.5px;pointer-events:none;border:0;background:linear-gradient(160deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,.14) 30%,rgba(255,255,255,.06) 60%,rgba(255,255,255,.6) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.cwin .cgo::before{content:"";display:block;position:absolute;inset:0;height:auto;z-index:0;pointer-events:none;border:0;border-radius:inherit;box-shadow:none;background:radial-gradient(110% 85% at 50% -25%,rgba(255,255,255,.32) 0%,rgba(255,255,255,0) 62%),radial-gradient(90% 70% at 30% 130%,rgba(205,160,255,.3) 0%,rgba(205,160,255,0) 60%)}.cwin .cgo>*{position:relative;z-index:1}.cwin .cgo svg{display:none}.cwin .cgo span{flex:0 1 auto;text-align:center;font-size:1.12rem;font-weight:700}@media(hover:hover){.cwin .cgo:not(:disabled):hover{filter:none;background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.03) 62%,rgba(255,255,255,.13) 100%),rgba(150,100,250,.2)}}.cwin .cgo:not(:disabled):active{transform:scale(.98);transition:transform .12s}.cwin .cgo:disabled{opacity:.5;box-shadow:inset 0 1px 1px rgba(255,255,255,.3),0 8px 14px -10px rgba(0,0,0,.5)}.cwin .cgo:disabled::before{display:block}.gpanel .an{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;height:100%;padding:18px 14px 14px}.gpanel .anhead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 4px}.gpanel .anhead h3{font-size:1.05rem;line-height:1.2;color:#fff}.gpanel .anhead small{font-size:.76rem;color:var(--tx2)}.gpanel .antabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gpanel .antile{display:grid;align-content:start;justify-items:center;gap:3px;min-width:0;padding:11px 4px 9px;border:0;border-radius:16px;cursor:pointer;text-align:center;color:var(--tx);background:rgba(255,255,255,.045);box-shadow:inset 0 1px 1px rgba(255,255,255,.2);transition:background .25s,box-shadow .25s}.gpanel .antile span{font-size:.7rem;line-height:1.25;color:var(--tx2);min-height:2.5em;display:flex;align-items:center}.gpanel .antile b{font-size:1.2rem;line-height:1.1;font-weight:600;color:#fff;max-width:100%;overflow-wrap:anywhere}.gpanel .antile em{font-style:normal;font-size:.6rem;font-weight:600;color:var(--tx2);line-height:1.3}.gpanel .antile em.up{color:#7ee2a8}.gpanel .antile em.dn{color:#ff9aa8}.gpanel .antile.sel{background:rgba(150,100,255,.2);box-shadow:inset 0 3px 0 #b98cff,inset 0 1px 1px rgba(255,255,255,.3)}.gpanel .antile.sel b{color:#d9b8ff}.gpanel .anchart{flex:1;display:flex;align-items:center;min-height:190px}.gpanel .anchart svg{display:block;width:100%;height:auto;overflow:visible;animation:anfade .45s ease both}.gpanel .angrid{stroke:rgba(255,255,255,.12);stroke-width:1;stroke-dasharray:2 3}.gpanel .anaxis{stroke:rgba(255,255,255,.2);stroke-width:1}.gpanel .anyl,.gpanel .anxl{font-size:9.5px;fill:var(--tx2)}.gpanel .anarea{fill:url(#anA)}.gpanel .anline{fill:none;stroke:#c7a0ff;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(190,110,255,.45))}.gpanel .andot{fill:#150c2e;stroke:#d9b8ff;stroke-width:1.8}.gpanel .anempty{width:100%;text-align:center;font-size:.85rem;color:var(--tx2)}@keyframes anfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.gpanel .anchart svg{animation:none}}.feat-sec{padding-top:clamp(20px,5vw,40px)}.feat-title{font-family:var(--f-logo);font-weight:600;letter-spacing:-.02em;line-height:1;margin:0;font-size:clamp(1.2rem,5.5vw,1.8rem);white-space:nowrap;color:#fff;position:relative;z-index:3}.feat-title span{background:linear-gradient(135deg,#C4A7FF,#8B3DFF);-webkit-background-clip:text;background-clip:text;color:transparent}.feat-title{font-size:clamp(1rem,4.6vw,1.45rem)}.gbar.stats{justify-content:space-around;gap:6px;padding:0 14px;text-overflow:clip}.gbar.stats .st{display:flex;flex-direction:column;align-items:center;line-height:1.1;position:relative;z-index:3}.gbar.stats b{font-size:.88rem;font-weight:700;color:#fff}.gbar.stats small{font-size:.6rem;font-weight:500;color:var(--tx2);margin-top:2px}.brow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.brow .gbar{padding:0 14px}.brow .feat-title{font-size:clamp(.82rem,3.8vw,1.15rem)}.gbar.follow{justify-content:center;padding:0 18px;font-size:.88rem;font-weight:700;color:#fff;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,rgba(168,120,255,.85),rgba(110,50,220,.9)),var(--g-fill)}.gbar.follow:active{transform:scale(.97)}.brow{grid-template-columns:1fr 1fr}.brow .gbar{justify-content:center;padding:0 8px;text-align:center}.brow .feat-title{font-size:clamp(.7rem,3.3vw,.95rem);letter-spacing:-.03em}.gbar.follow{padding:0 8px}.gpanel .antile b.lg{font-size:.92rem;letter-spacing:-.02em;white-space:nowrap}.gpanel .anval{font-size:9.5px;font-weight:700;fill:#fff}.gpanel .ancap{margin:6px 0 0;text-align:center;font-size:.72rem;color:var(--tx2)}.pdate{font-size:.72rem;color:var(--tx2);opacity:.8;margin-top:-4px}.tags{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.tags .badge{white-space:nowrap;flex:0 1 auto;min-width:0}.badge.pcode{margin-left:auto;font-variant-numeric:tabular-nums;letter-spacing:.03em;background:rgba(255,255,255,.07);color:var(--tx2)}.badge.soon{background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.3);color:#fbbf24}.cat-short{display:none}@media(max-width:700px){.cat-full{display:none}.cat-short{display:inline}#pGrid .tags{gap:5px}#pGrid .tags .badge{padding:2px 7px}}@media(max-width:360px){#pGrid .tags{gap:4px}#pGrid .tags .badge{font-size:.56rem;padding:2px 5px;letter-spacing:0}}.more .btn{min-width:220px}.badge.pcode{margin-left:0}.meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin-top:-4px}.meta .pdate{margin:0}.meta .badge.pcode{margin-left:auto;flex:0 0 auto;white-space:nowrap}#pGrid .thumb{background:#000;color:transparent}#pGrid .cbody h3{line-height:1.25;min-height:2.5em}#pGrid .cbody .trio{margin-top:auto}.gpanel .antile em.flat{color:#7ee2a8}:root{--bg:#0d1117;--bg2:#121820;--card:#1a2230;--card2:#222c3d;--v1:#437bf6;--v2:#5189f8;--v3:#5be7ff;--lav:#9fd8ff;--tx:#f3f6fa;--tx2:#c3ccd8;--bd:rgba(176,198,220,.22);--ink:#0f1722;--ink2:#5d6a7e;--cyan:#5be7ff;--f-body:"Figtree","Plus Jakarta Sans",system-ui,sans-serif;--f-head:"Manrope","Space Grotesk",system-ui,sans-serif;--f-acc:"Manrope","DM Sans",sans-serif;--grad:linear-gradient(180deg,#5189f8,#3a6ef0);--paper:linear-gradient(180deg,#eaeff7,#d6deea);--pill:linear-gradient(180deg,#f3f6fb,#e1e8f1);--blue-g:linear-gradient(180deg,#5189f8,#3a6ef0);--edge:inset 0 1px 0 #fff,inset 0 -2px 4px rgba(120,135,160,.28),0 0 0 1px rgba(255,255,255,.3);--cast:38px 46px 38px -12px rgba(3,9,20,.9),12px 16px 20px -8px rgba(3,9,20,.55);--cast-s:16px 20px 20px -8px rgba(3,9,20,.8),5px 7px 8px -3px rgba(3,9,20,.45);--glass:linear-gradient(158deg,rgba(226,235,246,.92) 0%,rgba(178,194,214,.86) 45%,rgba(132,150,172,.82) 100%);--ease:cubic-bezier(.3,.8,.3,1)}html.pg,html.pg body{background:#0d1117}html.pg body{background:linear-gradient(155deg,#5d6d83 0%,#2d3746 38%,#131923 72%,#0a0d12 100%) fixed}html.pg body::before,html.pg body::after{content:none;display:none;background:none}html.pg .label{color:var(--cyan)}html.pg .card,html.pg .icard,html.pg header.nav,html.pg .dsearch,html.pg .gpanel,html.pg .cwin,html.pg .csum,html.pg .gbar{--tx:#0f1722;--tx2:#5d6a7e;--lav:#2a55c4;--bd:rgba(90,105,130,.28);color:var(--ink)}html.pg .card,html.pg .icard{background:var(--paper);border:0;border-radius:30px;box-shadow:var(--edge),var(--cast);-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}html.pg .card::before,html.pg .card::after{display:none}html.pg .card:hover{transform:translateY(-3px);box-shadow:var(--edge),48px 56px 46px -14px rgba(3,9,20,.95),10px 14px 36px -12px rgba(91,231,255,.45)}html.pg .card h3,html.pg .card b,html.pg .card .price,html.pg .icard h3{color:var(--ink)}html.pg .card .asub,html.pg .card p,html.pg .card .price small,html.pg .card .pdate,html.pg .icard p{color:var(--ink2);opacity:1}html.pg .card .ph{color:#b45309}html.pg .badge{background:rgba(67,123,246,.14);color:#2a55c4;box-shadow:none}html.pg .thumb{background:radial-gradient(circle at 70% 25%,rgba(91,231,255,.35),transparent 55%),#1a2230}html.pg .btn,html.pg .pbtn{background:var(--pill);color:var(--ink);border:0;text-shadow:none;font-weight:600;box-shadow:var(--edge),var(--cast-s);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}html.pg .btn::before,html.pg .pbtn::before{display:none}html.pg .btn:hover,html.pg .pbtn:hover{transform:translateY(-2px);filter:none;box-shadow:var(--edge),22px 28px 26px -10px rgba(3,9,20,.8)}html.pg .btn:not(:disabled):active,html.pg .pbtn:not(:disabled):active{transform:translateY(2px);box-shadow:var(--edge),4px 6px 8px -4px rgba(3,9,20,.5)}html.pg .btn[data-order],html.pg .btn.paid,html.pg .cgo,html.pg .follow{background:var(--blue-g);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -3px 6px rgba(10,40,130,.4),0 0 0 1px rgba(120,165,255,.4),var(--cast-s)}html.pg .btn:disabled,html.pg .pbtn:disabled{background:#c5cdda;color:#8792a5;box-shadow:none;transform:none}html.pg .field{background:linear-gradient(180deg,#d3dae6,#c7cfdd);color:var(--ink);border:0;border-radius:999px;box-shadow:inset 0 2px 4px rgba(90,105,130,.25),inset 0 -1px 0 rgba(255,255,255,.6)}html.pg .field::placeholder{color:#7d889b}html.pg .field:focus{outline:0;box-shadow:inset 0 2px 4px rgba(90,105,130,.25),0 0 0 3px rgba(91,231,255,.45)}html.pg header.nav,html.pg .dsearch,html.pg .gpanel,html.pg .cwin,html.pg .csum{background:var(--glass);border:0;-webkit-backdrop-filter:blur(20px) saturate(1.15);backdrop-filter:blur(20px) saturate(1.15);box-shadow:inset 3px 3px 14px -6px rgba(255,255,255,.7),inset -2px -4px 18px -8px rgba(91,231,255,.55),10px 16px 44px -12px rgba(91,231,255,.45),var(--cast)}html.pg header.nav::before,html.pg .gpanel::before,html.pg .dsearch::before{content:"";display:block;position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1.5px;pointer-events:none;background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(255,255,255,.25) 30%,rgba(255,255,255,.08) 55%,rgba(91,231,255,.95));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}html.pg .gpanel{border-radius:52px}html.pg .logo{color:var(--ink)}html.pg .logo b{color:#437bf6}html.pg .menu a.lnk{color:#2b3647}html.pg .menu a.lnk.on{color:#fff}html.pg .menu .bubble{background:var(--blue-g);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 12px -4px rgba(30,60,160,.6)}html.pg .burger span{background:#5b6a7c}html.pg .gbar{background:var(--pill);border:0;box-shadow:var(--edge),var(--cast-s)}html.pg .gbar.follow,html.pg a.follow{background:var(--blue-g);color:#fff}html.pg .gbar .feat-title,html.pg .feat-title{color:var(--ink)}html.pg .feat-title span{color:#437bf6}html.pg .gtile{border-radius:30px;box-shadow:0 0 0 1.5px rgba(255,255,255,.6),10px 14px 38px -8px rgba(91,231,255,.55),var(--cast-s)}html.pg .antile{background:var(--paper);border:0;color:var(--ink);box-shadow:var(--edge),var(--cast-s)}html.pg .antile.sel{background:var(--blue-g);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -3px 6px rgba(10,40,130,.4),var(--cast-s)}html.pg .antile span,html.pg .antile b{color:inherit}html.pg .antile em.up{color:#16884a}html.pg .antile em.dn{color:#c9364f}html.pg .antile.sel em{color:#fff}html.pg .anhead h3{color:var(--ink)}html.pg .anhead small,html.pg .anxl,html.pg .ancap{color:var(--ink2);fill:var(--ink2)}html.pg .anval{fill:var(--ink)}html.pg .anline{stroke:#437bf6}html.pg .andot{fill:#437bf6;stroke:#fff}html.pg #anA stop{stop-color:#437bf6}html.pg .anaxis{stroke:rgba(90,105,130,.45)}html.pg .dock{background:linear-gradient(180deg,#2f3846,#222a36);border:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 6px rgba(0,0,0,.35),30px 38px 34px -12px rgba(3,9,20,.92)}html.pg .dock::before{display:none}html.pg .dock a{color:#dfe6ef}html.pg .dock a.on{color:var(--cyan)}html.pg .dock .bubble{background:radial-gradient(circle,#101a24 55%,#09121a);box-shadow:0 0 0 2px #7af0ff,0 0 16px 3px rgba(91,231,255,.65),inset 0 0 12px rgba(91,231,255,.45)}html.pg .bubble::before{display:none}html.pg .crow{background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.7)}html.pg .toast{background:linear-gradient(180deg,#2a3443,#1d2634);border:1px solid rgba(91,231,255,.5);color:#fff;border-radius:999px;box-shadow:0 0 18px -4px rgba(91,231,255,.5),var(--cast-s)}@media(max-width:860px){:root{--cast:24px 28px 24px -8px rgba(3,9,20,.88),8px 10px 12px -5px rgba(3,9,20,.5);--cast-s:11px 13px 13px -5px rgba(3,9,20,.8)}html.pg .gpanel{border-radius:40px}html.pg header.nav,html.pg .dsearch,html.pg .gpanel,html.pg .cwin,html.pg .csum{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@media(prefers-reduced-motion:reduce){html.pg .card,html.pg .btn,html.pg .pbtn{transition:none}html.pg .card:hover,html.pg .btn:hover{transform:none}}html.pg .gbar .st b{color:var(--ink)}html.pg .gbar .st small{color:var(--ink2)}html.pg .antile b{color:var(--ink)}html.pg .antile.sel b,html.pg .antile.sel span{color:#fff}html.pg .antile em{color:#16884a}html.pg .antile em.dn{color:#c9364f}html.pg .antile.sel em{color:#fff}html.pg .antile em.flat{color:var(--ink2)}html.pg .card.app .btn[data-order],html.pg .card.app .btn[data-order]:hover,html.pg .card.app .btn[data-order]:active{background:var(--blue-g);color:#fff;border:0;filter:none;text-shadow:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -3px 6px rgba(10,40,130,.4),0 0 0 1px rgba(120,165,255,.4),var(--cast-s)}html.pg .card.app .btn[data-order]::before{display:none}html.pg .card.app .btn[data-order] svg{stroke:#fff}html.pg .card.app .btn.cartadd,html.pg .card .btn.cartadd:hover{background:var(--pill);color:var(--ink);border:0;filter:none;box-shadow:var(--edge),var(--cast-s)}html.pg .card.app .btn.cartadd svg{stroke:var(--ink)}html.pg .card.app .btn:disabled{background:#c5cdda;color:#8792a5;box-shadow:none}html.pg,html.pg body{background:#173f66}html.pg body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 675 1200' preserveAspectRatio='xMidYMid slice'%3E%0A%3Cdefs%3E%3Cfilter id='s' x='-20%' y='-20%' width='140%' height='140%'%3E%3CfeDropShadow dx='-3' dy='10' stdDeviation='9' flood-color='%23071a2e' flood-opacity='.55'/%3E%3C/filter%3E%3C/defs%3E%0A%3Crect width='675' height='1200' fill='%23173f66'/%3E%0A%3Cpath d='M-60 600 L-60 1300 L760 1300 L760 960 C700 950 650 915 628 845 C612 790 595 745 560 722 C520 695 455 690 410 735 C365 790 320 815 270 812 C215 808 175 770 155 700 C140 640 130 595 95 570 C60 550 15 560 -60 600 Z' fill='%2378a5d3'/%3E%0A%3Cpath d='M-60 560 C-20 520 20 510 62 525 C110 542 135 585 145 630 C158 700 180 770 245 785 C310 797 355 765 385 728 C430 672 500 660 548 688 C595 714 610 765 622 820 C636 880 680 925 740 925' fill='none' stroke='%23f4f8fc' stroke-width='70' filter='url(%23s)'/%3E%0A%3C/svg%3E") center/cover no-repeat fixed,#173f66}html.pg .sec-head h2,html.pg .sec-head p,html.pg .label,html.pg .count,html.pg .muted,html.pg .copy,html.pg .empty{text-shadow:0 1px 2px rgba(7,26,46,.6),0 3px 14px rgba(7,26,46,.55)}html.pg .dock{background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.14));border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(18px) saturate(1.9) brightness(1.08);backdrop-filter:blur(18px) saturate(1.9) brightness(1.08);box-shadow:inset 0 1px 1px rgba(255,255,255,.9),inset 0 -1px 2px rgba(255,255,255,.35),inset 0 0 18px rgba(255,255,255,.18),0 18px 34px -10px rgba(4,16,32,.55)}html.pg .dock::before{display:block;content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.08) 42%,rgba(255,255,255,0) 58%,rgba(255,255,255,.2) 100%)}html.pg .dock a{color:#10233a;text-shadow:0 1px 0 rgba(255,255,255,.45)}html.pg .dock a.on{color:#1f5fd6}html.pg .dock .bubble{background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.38));box-shadow:inset 0 1px 1px #fff,inset 0 -2px 4px rgba(255,255,255,.4),0 0 0 1px rgba(255,255,255,.7),0 6px 14px -4px rgba(4,16,32,.4)}html.pg .dock{background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.32))}html.pg .dock .bubble{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.62))}html.pg .dock .bubble{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.66))!important}html.pg .menu .bubble{background:var(--blue-g)!important}:root{--cast:34px 32px 38px rgba(3,10,24,.68),3px 4px 6px rgba(3,10,24,.42);--cast-m:18px 18px 22px rgba(3,10,24,.66),2px 3px 4px rgba(3,10,24,.4);--cast-s:10px 12px 14px rgba(3,10,24,.66),2px 2px 3px rgba(3,10,24,.42);--edge:inset 0 1px 0 #fff,inset 0 -4px 6px rgba(120,135,160,.38),0 0 0 1px rgba(255,255,255,.35)}html.pg .card:hover,html.pg .icard:hover{box-shadow:var(--edge),44px 42px 46px rgba(3,10,24,.72),3px 4px 6px rgba(3,10,24,.45),12px 14px 36px -8px rgba(91,231,255,.45)}html.pg .antile{box-shadow:var(--edge),var(--cast-m)}html.pg .antile.sel{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -4px 7px rgba(10,40,130,.45),0 0 0 1px rgba(120,165,255,.4),var(--cast-m)}html.pg .btn[data-order],html.pg .btn.paid,html.pg .cgo,html.pg .follow,html.pg .card.app .btn[data-order]{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -4px 7px rgba(10,40,130,.45),0 0 0 1px rgba(120,165,255,.4),var(--cast-s)}html.pg .gpanel{background:linear-gradient(158deg,rgba(214,228,244,.92) 0%,rgba(150,170,196,.86) 38%,rgba(52,74,104,.92) 100%);-webkit-backdrop-filter:blur(26px) saturate(1.15);backdrop-filter:blur(26px) saturate(1.15);box-shadow:inset 3px 3px 16px -6px rgba(255,255,255,.75),inset -3px -5px 24px -6px rgba(91,231,255,.9),14px 22px 56px -12px rgba(91,231,255,.7),46px 60px 70px -18px rgba(3,10,24,.8)}html.pg .anxl,html.pg .anval,html.pg .ancap,html.pg .gpanel svg text{fill:#eaf2fb;color:#eaf2fb}html.pg .anaxis{stroke:rgba(255,255,255,.5)}html.pg .anline{stroke:#5be7ff}html.pg .andot{fill:#fff;stroke:#5be7ff}html.pg #anA stop{stop-color:#5be7ff}html.pg .gpanel svg line:not(.anaxis){stroke:rgba(255,255,255,.28)}html.pg header.nav,html.pg .dsearch{background:linear-gradient(158deg,rgba(222,234,247,.94) 0%,rgba(170,188,210,.9) 100%);box-shadow:inset 3px 3px 14px -6px rgba(255,255,255,.8),inset -2px -4px 18px -6px rgba(91,231,255,.8),8px 14px 36px -10px rgba(91,231,255,.6),26px 34px 40px rgba(3,10,24,.62)}html.pg .gtile{box-shadow:0 0 0 1.5px rgba(255,255,255,.65),8px 12px 34px -8px rgba(91,231,255,.6),var(--cast-m)}html.pg .dock{box-shadow:inset 0 1px 1px rgba(255,255,255,.9),inset 0 -1px 2px rgba(255,255,255,.35),inset 0 0 18px rgba(255,255,255,.18),24px 28px 34px rgba(3,10,24,.58),2px 4px 6px rgba(3,10,24,.35)}@media(max-width:860px){:root{--cast:28px 26px 30px rgba(3,10,24,.68),2px 3px 5px rgba(3,10,24,.42);--cast-m:15px 15px 18px rgba(3,10,24,.66),2px 3px 4px rgba(3,10,24,.4);--cast-s:9px 10px 12px rgba(3,10,24,.66),2px 2px 3px rgba(3,10,24,.42)}}html.pg header.nav,html.pg .dock{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.1))!important;border:1px solid rgba(255,255,255,.55)!important;-webkit-backdrop-filter:blur(16px) saturate(1.7) brightness(.92);backdrop-filter:blur(16px) saturate(1.7) brightness(.92);box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -1px 2px rgba(255,255,255,.3),inset 0 0 22px rgba(255,255,255,.12),0 16px 30px -10px rgba(4,16,32,.5)!important}html.pg header.nav::before,html.pg .dock::before{content:"";display:block;position:absolute;inset:0;z-index:-1;padding:0;border-radius:inherit;pointer-events:none;-webkit-mask:none;mask:none;background:linear-gradient(180deg,rgba(255,255,255,.32) 0%,rgba(255,255,255,.05) 45%,rgba(255,255,255,0) 60%,rgba(255,255,255,.12) 100%)}html.pg .logo{color:#fff;text-shadow:0 1px 3px rgba(4,16,32,.5)}html.pg .logo b{color:#a9d4ff}html.pg .dock a,html.pg .menu a.lnk{color:#fff;text-shadow:0 1px 3px rgba(4,16,32,.55)}html.pg .dock a.on,html.pg .menu a.lnk.on{color:#fff}html.pg .dock a svg,html.pg .menu a svg{filter:drop-shadow(0 1px 2px rgba(4,16,32,.45))}html.pg .burger span{background:#fff}html.pg .dock .bubble,html.pg .menu .bubble{background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.16))!important;border:1px solid rgba(255,255,255,.65)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 1px rgba(255,255,255,.9),inset 0 -1px 2px rgba(255,255,255,.3),0 8px 16px -6px rgba(4,16,32,.4)!important}html.pg header.nav .btn.ico,html.pg header.nav .btn.sm{background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.1))!important;color:#fff!important;border:1px solid rgba(255,255,255,.65)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 1px rgba(255,255,255,.9),inset 0 -1px 2px rgba(255,255,255,.3),0 10px 18px -8px rgba(4,16,32,.5)!important}html.pg header.nav .btn svg{stroke:#fff;filter:drop-shadow(0 1px 2px rgba(4,16,32,.45))}html.pg body{background:url("https://i.ibb.co.com/QvGcpj3T/ai-repair-20261024153125735.png") center/cover no-repeat fixed,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 675 1200' preserveAspectRatio='xMidYMid slice'%3E%0A%3Cdefs%3E%3Cfilter id='s' x='-20%' y='-20%' width='140%' height='140%'%3E%3CfeDropShadow dx='-3' dy='10' stdDeviation='9' flood-color='%23071a2e' flood-opacity='.55'/%3E%3C/filter%3E%3C/defs%3E%0A%3Crect width='675' height='1200' fill='%23173f66'/%3E%0A%3Cpath d='M-60 600 L-60 1300 L760 1300 L760 960 C700 950 650 915 628 845 C612 790 595 745 560 722 C520 695 455 690 410 735 C365 790 320 815 270 812 C215 808 175 770 155 700 C140 640 130 595 95 570 C60 550 15 560 -60 600 Z' fill='%2378a5d3'/%3E%0A%3Cpath d='M-60 560 C-20 520 20 510 62 525 C110 542 135 585 145 630 C158 700 180 770 245 785 C310 797 355 765 385 728 C430 672 500 660 548 688 C595 714 610 765 622 820 C636 880 680 925 740 925' fill='none' stroke='%23f4f8fc' stroke-width='70' filter='url(%23s)'/%3E%0A%3C/svg%3E") center/cover no-repeat fixed,#173f66}html.pg,html.pg body{background-color:#0f3a63}html.pg body{background:url("bg.webp") center/cover no-repeat fixed,#0f3a63}:root{--cast:4px 24px 24px -8px rgba(3,10,24,.8),1px 4px 6px -1px rgba(3,10,24,.5);--cast-m:4px 16px 16px -6px rgba(3,10,24,.8),1px 3px 4px -1px rgba(3,10,24,.5);--cast-s:3px 12px 12px -5px rgba(3,10,24,.8),1px 2px 3px -1px rgba(3,10,24,.5)}html.pg .card:hover,html.pg .icard:hover{box-shadow:var(--edge),6px 30px 28px -10px rgba(3,10,24,.85),1px 4px 6px -1px rgba(3,10,24,.5),0 14px 30px -12px rgba(91,231,255,.45)}html.pg .gpanel{box-shadow:inset 3px 3px 16px -6px rgba(255,255,255,.75),inset -3px -5px 24px -6px rgba(91,231,255,.9),0 18px 40px -14px rgba(91,231,255,.6),4px 30px 30px -12px rgba(3,10,24,.85)}html.pg .gtile{box-shadow:0 0 0 1.5px rgba(255,255,255,.65),0 12px 28px -10px rgba(91,231,255,.6),var(--cast-m)}@media(max-width:860px){:root{--cast:4px 22px 22px -8px rgba(3,10,24,.8),1px 4px 6px -1px rgba(3,10,24,.5);--cast-m:4px 15px 15px -6px rgba(3,10,24,.8),1px 3px 4px -1px rgba(3,10,24,.5);--cast-s:3px 11px 11px -5px rgba(3,10,24,.8),1px 2px 3px -1px rgba(3,10,24,.5)}}@media(min-width:821px){html.pg .feat-sec .wrap{grid-template-columns:minmax(0,1fr);justify-items:center;align-items:start;gap:34px}html.pg .feat-row{width:min(100%,560px);justify-content:center}html.pg .feat-sec .gpanel{width:min(100%,560px)}}:root{--blk:3px 13px 14px -5px rgba(0,0,0,.85),1px 3px 5px -1px rgba(0,0,0,.55)}html.pg .gtile{box-shadow:0 0 0 1.5px rgba(255,255,255,.65),3px 14px 16px -6px rgba(0,0,0,.9),1px 3px 6px -1px rgba(0,0,0,.6)}html.pg .logo-orb{box-shadow:0 0 0 1.5px rgba(255,255,255,.6),0 6px 8px -3px rgba(0,0,0,.75)}html.pg .field{box-shadow:inset 0 2px 4px rgba(90,105,130,.25),inset 0 -1px 0 rgba(255,255,255,.6),var(--blk)}html.pg .field:focus{box-shadow:inset 0 2px 4px rgba(90,105,130,.25),0 0 0 3px rgba(91,231,255,.45),var(--blk)}html.pg .cpi{background:var(--blue-g);border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 12px -6px rgba(0,0,0,.6)}html.pg .csel{border:1.5px solid rgba(67,123,246,.55);background:rgba(255,255,255,.6)}html.pg .csel[aria-checked=true]{background:var(--blue-g);border-color:rgba(255,255,255,.7);box-shadow:0 4px 12px -4px rgba(67,123,246,.85)}html.pg .ctier{background:var(--blue-g);border:1px solid rgba(255,255,255,.5);color:#fff}html.pg .crm{background:var(--pill);color:#5d6a7e;border:0;box-shadow:inset 0 1px 0 #fff,0 6px 10px -4px rgba(0,0,0,.55)}html.pg .crm:hover{background:var(--pill);color:#c9364f}html.pg .cpill{background:rgba(67,123,246,.16);border:1px solid rgba(67,123,246,.4);color:#2a55c4}html.pg .qty{background:var(--pill);border:0;color:var(--ink);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 4px rgba(120,135,160,.3),0 6px 10px -4px rgba(0,0,0,.55)}html.pg .qty button,html.pg .qty b,html.pg .qty span{color:var(--ink)}html.pg .field.search{padding-left:46px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f1722' stroke-width='2.3' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E") no-repeat 16px center/20px 20px,linear-gradient(180deg,#d3dae6,#c7cfdd)}html.pg .ico::after,html.pg .ico::before{display:none!important}html.pg .ico{border:0;outline:0;box-shadow:0 10px 14px -6px rgba(0,0,0,.65),0 2px 5px rgba(0,0,0,.4)}html.pg .logo b,html.pg .feat-title span{color:#437bf6}
/* v8.9: bayangan kolom cari (preset & aplikasi) dikurangi */
html.pg .field.search{box-shadow:inset 0 2px 4px rgba(90,105,130,.25),inset 0 -1px 0 rgba(255,255,255,.6),0 3px 4px -4px rgba(0,0,0,.25)}
html.pg .field.search:focus{box-shadow:inset 0 2px 4px rgba(90,105,130,.25),0 0 0 3px rgba(91,231,255,.45),0 3px 4px -4px rgba(0,0,0,.25)}
/* v8.10: keadaan awal kartu sebelum animasi scroll (blur hanya di animasinya, agar ringan) */
.rv{opacity:0;transform:translateY(40px);transition:none!important}
/* v8.12: selama animasi GSAP berjalan, transisi CSS elemen dikunci agar tidak berebut dengan nilai animasi */
.ac-run{transition:none!important}

/* v8.13: (1) keranjang desktop, (2) tombol sosmed satu kolom di tengah, (3) kolom cari selebar layar */
/* (1) jendela keranjang: lebih besar di desktop, sudut membulat memotong isi dengan rapi, latar redup + blur */
.cpage::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:rgba(4,2,12,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cwin{z-index:1;overflow:hidden;min-height:0}
.ccbody{flex:1 1 auto;min-height:0;-webkit-overflow-scrolling:touch}
@media(min-width:821px){
  .cwin{width:min(520px,100%);max-height:min(90vh,860px);max-height:min(90dvh,860px)}
  .chead{padding:16px 20px 8px 16px}
  .ccbody{padding:8px 18px 20px;gap:12px}
  .clist{gap:10px}
}
/* (2) halaman sosmed: tombol berbaris ke bawah, rata tengah (horizontal & vertikal) di desktop maupun HP */
#sosmed{display:flex;flex-direction:column}
#sosmed::after{flex:none}
#sosmed>section{flex:1 0 auto;display:flex;align-items:center;justify-content:center;padding:24px 0}
#sosmed .wrap{width:min(1120px,100% - 40px)}
#sosmed .plat{display:flex;flex-direction:column;align-items:stretch;gap:14px;width:min(420px,100%);max-width:420px;margin:0 auto}
#sosmed .plat>*{width:100%}
/* (3) kolom cari memenuhi lebar daftar kartu (sama dengan grid) dan mengikuti layar */
.tools{max-width:none;width:100%}
.tools .field,.tools .search{flex:1 1 100%;width:100%;min-width:0}

/* v8.14: tombol "Clear all" di pojok kanan atas header keranjang */
.cclear{margin-left:auto;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:var(--tx);font:600 .82rem var(--f-acc);cursor:pointer;justify-self:auto}
.cclear svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cclear:hover{background:rgba(239,68,68,.18);border-color:rgba(248,113,113,.5);color:#b91c1c}

/* v8.15: penyembunyian awal elemen beranimasi (dilepas oleh script setelah kelas .rv terpasang) */
html.rvwait #beranda .feat-row,html.rvwait #salesPanel,html.rvwait #beranda footer .copy,html.rvwait #plat>*,html.rvwait #info .icard,html.rvwait #pGrid>.card,html.rvwait #aGrid>.card{opacity:0}

/* v8.16: ringankan animasi masuk agar tidak patah-patah / berkedip di HP.
   Selama animasi, backdrop-filter (bertingkat: kartu + tombol di dalamnya) dimatikan karena memicu elemen hilang/berkedip di GPU HP; kembali normal setelah selesai.
   Elemen diberi layer GPU sendiri (will-change) supaya gerak translate+opacity mulus. */
.ac-run{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}
.ac-run,.ac-run *,.ac-run *::before,.ac-run *::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* v8.17: perbaikan zoom. (a) zoom-out / layar sangat lebar: navbar, dock, dan hasil cari dibatasi 1240px & di tengah (sebelumnya melebar ke seluruh layar).
   (b) zoom-in (cubit): geser antar-halaman dimatikan sementara supaya geser layar tidak "melempar" ke halaman lain. */
html.pg header.nav{left:0;right:0;width:min(1240px,100% - 24px);max-width:none;margin:0 auto}
.dockwrap{max-width:min(1240px,100vw - 24px)}
html.pg .dsearch,.dsearch{left:0;right:0;width:min(1240px,100% - 24px);margin:0 auto}
html.vz .pager{overflow-x:hidden;scroll-snap-type:none}

/* v8.19: halaman Info memenuhi lebar layar (sebelumnya dibatasi 760px, tidak ikut lebar layar di mode desktop) */
.info{max-width:none;width:100%}

/* 6 item dock: rapatkan di layar kecil */
@media(max-width:400px){.dock a{padding:0 11px}.dock a.on{padding:0 13px}}

/* v1.0.1 — animasi ketuk tombol: turun langsung (tanpa delay), bayangan mengecil mengikuti. Menu navbar bawah tidak disentuh. */
html.pg .btn,html.pg .pbtn,html.pg .cgo,html.pg .follow{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
html.pg .btn:not(:disabled):active,html.pg .pbtn:not(:disabled):active,html.pg .cgo:not(:disabled):active,html.pg .gbar.follow:active{
  --cast-s:3px 4px 5px -3px rgba(3,9,20,.55);
  transform:translateY(4px)!important;filter:none!important;transition:none!important;
  box-shadow:var(--edge),var(--cast-s)!important}
html.pg .btn[data-order]:not(:disabled):active,html.pg .btn.paid:not(:disabled):active,html.pg .cgo:not(:disabled):active,html.pg .follow:active,html.pg .card.app .btn[data-order]:not(:disabled):active,html.pg .card .btn.paid:not(:disabled):active{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -4px 7px rgba(10,40,130,.45),0 0 0 1px rgba(120,165,255,.4),var(--cast-s)!important}
html.pg .btn,html.pg .pbtn,html.pg .cgo,html.pg .follow,html.pg .gbar.follow{transition:transform .06s linear,box-shadow .06s linear,background-color .15s!important}

/* v1.0.2 — di layar sentuh, hover tidak boleh menempel: setelah ketuk tombol kembali persis seperti semula */
@media(hover:none){
html.pg .btn:not(:active):hover,html.pg .pbtn:not(:active):hover,html.pg .cgo:not(:active):hover,html.pg .follow:not(:active):hover{transform:none!important;filter:none!important;box-shadow:var(--edge),var(--cast-s)!important}
html.pg .btn[data-order]:not(:active):hover,html.pg .btn.paid:not(:active):hover,html.pg .cgo:not(:active):hover,html.pg .follow:not(:active):hover,html.pg .card.app .btn[data-order]:not(:active):hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -4px 7px rgba(10,40,130,.45),0 0 0 1px rgba(120,165,255,.4),var(--cast-s)!important}
}

/* ===== Tool: Hanzy Patcher (memakai kartu .icard & tombol .btn bawaan) ===== */
.pt-file{display:none}
.pt-name{font-size:.9rem;margin:-6px 0 14px;word-break:break-all}
.pt-card .btn{margin-top:0}
.pt-card .btn+.btn{margin-top:10px}
.pt-stages{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 12px}
.pt-stage{padding:10px 12px;border-radius:14px;border:1px solid var(--bd);display:grid;gap:0;line-height:1.35}
.pt-stage b{font-size:.82rem;font-weight:600}
.pt-stage small{font-size:.78rem;opacity:.75}
.pt-stage.active{border-color:#5189f8}
.pt-stage.done{border-color:#2f9e63}
.pt-bar{height:8px;border-radius:99px;background:rgba(93,106,126,.25);overflow:hidden}
.pt-fill{display:block;height:100%;width:0;border-radius:99px;background:var(--blue-g,var(--grad));transition:width .3s}
.pt-status{font-size:.88rem;margin-top:10px;min-height:1.4em}
.pt-status.ok{color:#2f9e63}
.pt-status.err{color:#d64545}
.pt-dl[hidden]{display:none}
.pt-dl{margin-top:12px}
.pt-dl .btn{display:flex;text-decoration:none}

/* GradientText: gradien animasi hanya untuk teks "prst" */
.gt,.feat-title span.gt{background:none;background-image:var(--gt-gradient,linear-gradient(90deg,#5189f8,#5be7ff,#a9d4ff,#5189f8));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none!important;display:inline-block;filter:drop-shadow(0 1px 3px rgba(4,16,32,.45))}
.feat-title .ft{font-style:normal;background:none}
@media(forced-colors:active){.gt{background:none;-webkit-text-fill-color:currentColor;color:CanvasText;filter:none}}

/* Kotak Tools: gaya sama dengan kartu Preset (kertas terang, tombol pil, tombol utama biru) */
html.pg .pt-card .btn{min-height:46px}
html.pg .pt-card #ptStart:not(:disabled),html.pg .pt-card #ptStart:not(:disabled):hover,html.pg .pt-card #ptStart:not(:disabled):active,html.pg .pt-card .pt-dl .btn,html.pg .pt-card .pt-dl .btn:hover{background:var(--blue-g);color:#fff;border:0;filter:none;text-shadow:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -3px 6px rgba(10,40,130,.4),0 0 0 1px rgba(120,165,255,.4),var(--cast-s)}
/* tombol nonaktif benar-benar mati: tidak bisa disentuh, tanpa efek tekan/hover/bayangan */
html.pg .pt-card .btn:disabled,html.pg .pt-card .btn:disabled:hover,html.pg .pt-card .btn:disabled:active{pointer-events:none;cursor:not-allowed;transform:none!important;filter:none!important;box-shadow:none!important;transition:none!important}
html.pg .pt-card .btn:disabled *{pointer-events:none}
html.pg .pt-card .pt-stages{gap:10px}
html.pg .pt-card .pt-stage{border:0;border-radius:20px;padding:10px 16px;background:var(--pill);color:var(--ink);box-shadow:var(--edge),var(--cast-s)}
html.pg .pt-card .pt-stage small{color:var(--ink2);opacity:1}
html.pg .pt-card .pt-stage.active{box-shadow:var(--edge),var(--cast-s),inset 0 0 0 2px #5189f8}
html.pg .pt-card .pt-stage.active small{color:#2a55c4}
html.pg .pt-card .pt-stage.done{box-shadow:var(--edge),var(--cast-s),inset 0 0 0 2px #2f9e63}
html.pg .pt-card .pt-stage.done small{color:#1f7a4a}
html.pg .pt-card .pt-bar{height:10px;background:linear-gradient(180deg,#d3dae6,#c7cfdd);box-shadow:inset 0 2px 4px rgba(90,105,130,.25),inset 0 -1px 0 rgba(255,255,255,.6)}
html.pg .pt-card .pt-fill{background:var(--blue-g);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
html.pg .pt-card .pt-name{color:var(--ink2)}

/* Tools: nama file di tombol, tombol silang, tombol batal, animasi loading */
.pt-pickrow{display:flex;gap:10px;align-items:center}
.pt-pickrow .pt-pick{flex:1;min-width:0;flex-direction:column;gap:0;padding:0 16px}
.pt-pick.btn{min-height:46px}
.pt-pickrow:has(.pt-fileinfo:not([hidden])) .pt-pick{min-height:56px;padding-block:6px}
.pt-fileinfo{display:flex;max-width:100%;min-width:0;font-size:.74rem;font-weight:500;line-height:1.3;opacity:.72}
.pt-fileinfo[hidden]{display:none}
.pt-fileinfo .n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pt-fileinfo .s{flex:none;white-space:pre}
.pt-x{flex:none;width:56px;height:56px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#c9364f;background:var(--pill,#eef2f8);box-shadow:var(--edge),var(--cast-s);transition:transform .3s var(--ease,ease),box-shadow .3s var(--ease,ease)}
.pt-x[hidden]{display:none}
.pt-x svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.pt-x:hover{transform:translateY(-2px)}
.pt-x:active{transform:translateY(2px)}
.pt-pickrow+.pt-name{margin-top:10px}
.pt-pickrow+.pt-name[hidden]{display:none}
.pt-pickrow~.btn{margin-top:10px}
html.pg .pt-card #ptStart.pt-cancel,html.pg .pt-card #ptStart.pt-cancel:not(:disabled),html.pg .pt-card #ptStart.pt-cancel:not(:disabled):hover,html.pg .pt-card #ptStart.pt-cancel:not(:disabled):active{background:var(--pill,#eef2f8);color:#c9364f;box-shadow:var(--edge),var(--cast-s)}
.pt-spin{display:inline-block;flex:none;width:16px;height:16px;margin-right:10px;border-radius:50%;border:2.5px solid rgba(81,137,248,.3);border-top-color:#5189f8;animation:ptSpin .7s linear infinite}
.pt-status.busy::before{content:"";display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;border-radius:50%;border:2px solid rgba(81,137,248,.3);border-top-color:#5189f8;animation:ptSpin .7s linear infinite}
.pt-status.cancel{color:#8a5a00}
.pt-bar{position:relative}
.pt-card.busy .pt-fill{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.3) 0 10px,rgba(255,255,255,0) 10px 20px),var(--blue-g,var(--grad));background-size:28px 28px,auto;animation:ptStripes .8s linear infinite}
.pt-card.busy .pt-bar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:ptSweep 1.4s ease-in-out infinite}
.pt-stage.active b::before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#5189f8;animation:ptPulse 1s ease-in-out infinite}
@keyframes ptSpin{to{transform:rotate(360deg)}}
@keyframes ptStripes{to{background-position:28px 0,0 0}}
@keyframes ptSweep{to{transform:translateX(100%)}}
@keyframes ptPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
.info{grid-template-columns:minmax(0,1fr)}
.pt-card,.pt-pickrow{min-width:0;max-width:100%}

/* Jarak scroll paling bawah: kartu terakhir berhenti ±34px di atas navbar (Preset, Aplikasi, Tools, Sosmed, Info) */
html.pg #preset>section,html.pg #aplikasi>section,html.pg #tools>section,html.pg #sosmed>section,html.pg #info>section{padding-bottom:0}
html.pg #preset::after,html.pg #aplikasi::after,html.pg #tools::after,html.pg #sosmed::after,html.pg #info::after{height:calc(max(16px,env(safe-area-inset-bottom)) + 91px)}

/* ===== Tema: tombol di navbar + toast ===== */
#themeBtn svg{display:none;width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="light"] #themeBtn .i-light,html[data-theme="dark"] #themeBtn .i-dark{display:block}
#themeBtn{touch-action:manipulation}
html.theme-switching *,html.theme-switching *::before,html.theme-switching *::after{transition:none!important;animation-duration:0s!important}
.themetoast{position:fixed;left:50%;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 84px);z-index:60;transform:translate(-50%,8px);opacity:0;pointer-events:none;padding:9px 16px;border-radius:999px;font:600 .85rem/1 var(--f-body);color:#fff;background:rgba(15,25,40,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 20px -6px rgba(0,0,0,.5);transition:opacity .25s ease,transform .25s ease}
.themetoast.on{opacity:1;transform:translate(-50%,0)}

/* ===== Mode gelap (abu gelap / hitam netral) ===== */
html.pg[data-theme="dark"],html.pg[data-theme="dark"] body{background-color:#0b0b0c;color-scheme:dark}
html.pg[data-theme="dark"] body{background:url("bg-dark.webp") center/cover no-repeat fixed,#0b0b0c}
html.pg[data-theme="dark"]{--ink:#eef0f3;--ink2:#a5aab3;
 --paper:linear-gradient(180deg,#2c2e32,#1f2124);
 --pill:linear-gradient(180deg,#3a3d42,#2b2d31);
 --edge:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -2px 4px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.07);
 --glass:linear-gradient(158deg,rgba(62,64,70,.92) 0%,rgba(36,38,42,.88) 45%,rgba(24,25,28,.86) 100%);
 --cast:4px 24px 24px -8px rgba(0,0,0,.9),1px 4px 6px -1px rgba(0,0,0,.6);--cast-m:4px 16px 16px -6px rgba(0,0,0,.9),1px 3px 4px -1px rgba(0,0,0,.6);--cast-s:3px 12px 12px -5px rgba(0,0,0,.9),1px 2px 3px -1px rgba(0,0,0,.6)}
html.pg[data-theme="dark"] .card,html.pg[data-theme="dark"] .icard,html.pg[data-theme="dark"] header.nav,html.pg[data-theme="dark"] .dsearch,html.pg[data-theme="dark"] .gpanel,html.pg[data-theme="dark"] .cwin,html.pg[data-theme="dark"] .csum,html.pg[data-theme="dark"] .gbar{--tx:#eef0f3;--tx2:#a5aab3;--lav:#9db9ff;--bd:rgba(255,255,255,.14);color:var(--ink)}
html.pg[data-theme="dark"] .field{background:linear-gradient(180deg,#141517,#1c1d20);color:var(--ink);box-shadow:inset 0 2px 5px rgba(0,0,0,.65),inset 0 -1px 0 rgba(255,255,255,.08)}
html.pg[data-theme="dark"] .field::placeholder{color:#7c818b}
html.pg[data-theme="dark"] .card.app .btn:disabled{background:#2a2c30;color:#6f747d}
html.pg[data-theme="dark"] .card .ph{color:#f0a24a}
html.pg[data-theme="dark"] .dock{background:linear-gradient(180deg,rgba(60,62,68,.5),rgba(28,29,32,.5))!important;border:1px solid rgba(255,255,255,.16)!important}
html.pg[data-theme="dark"] .dock .bubble{background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.1))!important}
html.pg[data-theme="dark"] .menu a.lnk{color:#e6e8ec}
html.pg[data-theme="dark"] header.nav,html.pg[data-theme="dark"] .dsearch,html.pg[data-theme="dark"] .gpanel,html.pg[data-theme="dark"] .cwin,html.pg[data-theme="dark"] .csum{box-shadow:inset 2px 2px 12px -6px rgba(255,255,255,.22),inset -2px -4px 16px -8px rgba(255,255,255,.08),var(--cast)}
html.pg[data-theme="dark"] .gpanel{background:linear-gradient(158deg,rgba(52,54,59,.9),rgba(26,27,30,.9))}
html.pg[data-theme="dark"] .pt-card .pt-bar{background:linear-gradient(180deg,#141517,#1c1d20);box-shadow:inset 0 2px 4px rgba(0,0,0,.65),inset 0 -1px 0 rgba(255,255,255,.08)}
html.pg[data-theme="dark"] .btn:disabled,html.pg[data-theme="dark"] .pbtn:disabled,html.pg[data-theme="dark"] .pt-card .btn:disabled{background:#2a2c30;color:#6f747d}

/* kolom cari (Preset/Aplikasi) mode gelap: ikon kaca pembesar & tombol hapus berwarna biru lembut, bukan putih */
html.pg[data-theme="dark"] .field.search{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.3' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E") no-repeat 16px center/20px 20px,linear-gradient(180deg,#141517,#1c1d20)}
html.pg[data-theme="dark"] .sclear{color:#fff;border-color:rgba(255,255,255,.28);background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.06))}

/* ===== Ganti tema tanpa jeda: matikan semua transisi sesaat saat tema berganti ===== */
html.tswitch *,html.tswitch *::before,html.tswitch *::after{transition:none!important;animation-duration:0s!important}
#themeBtn{touch-action:manipulation}

/* ===== Reaksi tombol saat diketuk: menekan ke bawah + bayangan masuk, memantul kembali saat dilepas ===== */
html.pg .btn,html.pg .pbtn,html.pg .cgo,html.pg .follow,html.pg .pt-x{transition:transform .26s cubic-bezier(.3,1.5,.5,1),box-shadow .2s ease,filter .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
html.pg .btn:not(:disabled):active,html.pg .pbtn:not(:disabled):active,html.pg .cgo:not(:disabled):active,html.pg .follow:active{transform:translateY(2px) scale(.965)!important;filter:brightness(.95)!important;transition-duration:.07s!important;box-shadow:inset 0 3px 6px rgba(70,85,110,.38),inset 0 -1px 0 rgba(255,255,255,.5),1px 2px 4px -2px rgba(3,10,24,.5)!important}
html.pg .btn[data-order]:not(:disabled):active,html.pg .btn.paid:not(:disabled):active,html.pg .follow:active,html.pg .cgo:not(:disabled):active,html.pg .pt-card #ptStart:not(:disabled):not(.pt-cancel):active,html.pg .pt-card .pt-dl .btn:active{filter:brightness(.92)!important;box-shadow:inset 0 3px 7px rgba(8,30,110,.6),inset 0 0 0 1px rgba(120,165,255,.35),1px 2px 5px -2px rgba(3,10,24,.6)!important}
html.pg[data-theme="dark"] .btn:not(:disabled):active,html.pg[data-theme="dark"] .pbtn:not(:disabled):active{box-shadow:inset 0 3px 7px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.07),1px 2px 4px -2px rgba(0,0,0,.7)!important}
html.pg[data-theme="dark"] .btn[data-order]:not(:disabled):active,html.pg[data-theme="dark"] .btn.paid:not(:disabled):active,html.pg[data-theme="dark"] .pt-card #ptStart:not(:disabled):not(.pt-cancel):active{box-shadow:inset 0 3px 7px rgba(8,30,110,.6),inset 0 0 0 1px rgba(120,165,255,.35),1px 2px 5px -2px rgba(0,0,0,.7)!important}

/* ===== Kotak Tools: tanpa glow saat diketuk/hover + lebih rapat ===== */
html.pg .card:hover,html.pg .icard:hover,html.pg .card:active,html.pg .icard:active{box-shadow:var(--edge),var(--cast)!important;transform:none!important}
html.pg .card,html.pg .icard,html.pg .btn,html.pg .pbtn{-webkit-tap-highlight-color:transparent}
html.pg .icard:focus-within,html.pg .card:focus-within{outline:0}
html.pg .pt-card{padding:16px 18px 16px}
html.pg .pt-card h3{margin-bottom:4px}
html.pg .pt-card>p:not(.pt-name){line-height:1.5;margin-bottom:12px}
html.pg .pt-card .pt-name{margin:8px 0 10px!important;line-height:1.3}
html.pg .pt-card .pt-stages{margin-top:12px;margin-bottom:10px;gap:8px}
html.pg .pt-card .pt-stage{padding:8px 14px}
html.pg .pt-card .pt-status{margin-top:8px}

/* v8.16: tombol platform pindah ke Beranda (di bawah grafik) + ikon aplikasi; halaman "CC AM" dikosongkan */
#beranda .plat{display:flex;flex-direction:column;gap:14px;width:min(420px,100%);margin:22px auto 0}
#beranda .plat>*{width:100%}
.pbtn{gap:10px}
.pbtn svg{width:22px;height:22px;flex:none}

/* ===== v8.18: mode gelap — tombol/elemen "biru" jadi putih keabu-abuan (teks "hanzyprst" / .gt tidak diubah) ===== */
html.pg[data-theme="dark"]{--blue-g:linear-gradient(180deg,#f1f2f4,#c4c8ce);--wg-ink:#1b1d21;--wg-sh:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -3px 6px rgba(60,66,78,.22),0 0 0 1px rgba(255,255,255,.35)}
html.pg[data-theme="dark"] .btn[data-order],html.pg[data-theme="dark"] .btn.paid,html.pg[data-theme="dark"] .cgo,html.pg[data-theme="dark"] .follow,html.pg[data-theme="dark"] .gbar.follow,html.pg[data-theme="dark"] a.follow,
html.pg[data-theme="dark"] .card.app .btn[data-order],html.pg[data-theme="dark"] .pt-card #ptStart:not(:disabled):not(.pt-cancel),html.pg[data-theme="dark"] .pt-card .pt-dl .btn{
  background:var(--blue-g);color:var(--wg-ink);text-shadow:none;border-color:transparent;box-shadow:var(--wg-sh),var(--cast-s)}
html.pg[data-theme="dark"] .btn[data-order]:not(:active):hover,html.pg[data-theme="dark"] .btn.paid:not(:active):hover,html.pg[data-theme="dark"] .cgo:not(:active):hover,html.pg[data-theme="dark"] .follow:not(:active):hover,html.pg[data-theme="dark"] .card.app .btn[data-order]:not(:active):hover{
  box-shadow:var(--wg-sh),var(--cast-s)!important}
html.pg[data-theme="dark"] .btn[data-order]:not(:disabled):active,html.pg[data-theme="dark"] .btn.paid:not(:disabled):active,html.pg[data-theme="dark"] .cgo:not(:disabled):active,html.pg[data-theme="dark"] .follow:active,html.pg[data-theme="dark"] .pt-card #ptStart:not(:disabled):not(.pt-cancel):active,html.pg[data-theme="dark"] .pt-card .pt-dl .btn:active{
  filter:brightness(.9)!important;box-shadow:inset 0 3px 7px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.3),1px 2px 5px -2px rgba(0,0,0,.7)!important}
html.pg[data-theme="dark"] .btn[data-order] svg,html.pg[data-theme="dark"] .btn.paid svg,html.pg[data-theme="dark"] .cgo svg,html.pg[data-theme="dark"] .cgo span{color:var(--wg-ink);stroke:currentColor}
html.pg[data-theme="dark"] .cgo .cwa{fill:none}
/* kartu angka analitik yang dipilih, label jumlah di keranjang, centang, ikon promo, progres patcher */
html.pg[data-theme="dark"] .antile.sel{background:var(--blue-g);box-shadow:var(--wg-sh),var(--cast-s)}
html.pg[data-theme="dark"] .gpanel .antile.sel span,html.pg[data-theme="dark"] .gpanel .antile.sel b,html.pg[data-theme="dark"] .gpanel .antile.sel em{color:var(--wg-ink)}
html.pg[data-theme="dark"] .ctier{background:var(--blue-g);color:var(--wg-ink);border-color:rgba(255,255,255,.4)}
html.pg[data-theme="dark"] .csel[aria-checked=true]{background:var(--blue-g);color:var(--wg-ink);border-color:rgba(255,255,255,.6);box-shadow:0 4px 12px -4px rgba(0,0,0,.6)}
html.pg[data-theme="dark"] .cpi{background:var(--blue-g);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 12px -6px rgba(0,0,0,.6)}
html.pg[data-theme="dark"] .cpi svg{stroke:var(--wg-ink)}
html.pg[data-theme="dark"] .cpill{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#e6e8ec}
html.pg[data-theme="dark"] .pt-card .pt-fill{background:var(--blue-g);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
html.pg[data-theme="dark"] .menu .bubble{background:var(--blue-g)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 12px -4px rgba(0,0,0,.6)}
html.pg[data-theme="dark"] .menu a.lnk.on{color:var(--wg-ink)}

/* v8.19: ikon tab "CC AM" — bintang berkilau dengan lingkar orbit (bentuk isi, bukan garis) */
.dock a[data-s="sosmed"] svg.i-spark{fill:currentColor;stroke:currentColor;stroke-width:.7}

/* v8.20: ikon CC AM — bintang empat arah di dalam lingkaran */
.dock a[data-s="sosmed"] svg.i-spark{stroke-width:.5}
.dock a[data-s="sosmed"] svg.i-spark .ring{fill:none;stroke-width:1.3}

/* v1.0.23: jendela hasil pesanan (pembayaran otomatis) */
.payov{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:14px;background:rgba(4,2,12,.6)}
.paybox{width:min(420px,100%);max-height:90vh;overflow:auto;padding:22px;border-radius:18px;background:var(--card);border:1px solid var(--bd);color:var(--tx);box-shadow:0 24px 60px -20px rgba(0,0,0,.7)}
.paybox h3{font-size:1.25rem;margin-bottom:12px}
.paybody{display:grid;gap:10px;margin-bottom:14px}
.paybody p{margin:0}
.paybody .paynote{font-size:.85rem;color:var(--tx2)}
.paybox .payclose{width:100%}

/* v1.0.28: kartu CC — harga + tombol tersusun rapi */
.ccard .cbody{gap:10px}
.ccard .cbody h3{font-size:1.15rem}
.ccrow{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px}
.ccrow .badge.pcode{margin-left:auto}
.cprice{font-family:var(--f-head);font-weight:700;font-size:1.35rem;letter-spacing:-.01em;color:var(--lav)}
html.pg .ccard .cprice{color:var(--ink)}
.ccact{display:grid;gap:8px;margin-top:4px}
.ccact .ccview{width:100%;min-height:42px;font-size:.88rem}
.ccact .ccbuy{margin-top:0;min-height:46px}