.lgb{--bg:#f6f7f9;--card:#fff;--ln:#e4e7ec;--ln2:#eaecf0;--ln3:#f2f4f7;--h:#101828;--t:#344054;--t2:#475467;--t3:#667085;--t4:#98a2b3;--in:#d0d5dd;--b600:#2f54d6;--b800:#1d3a9e;--lime:#c8f04d;--g:#12b76a;--merah:#d92d20;--sh:0 1px 2px #1018280d;--tanda:#2f54d6;--tanda-teks:#fff;--tanda-chip:#c8f04d;--tanda-chip-teks:#2f54d6;--judul-aksen:#2f54d6;--tautan:#2f54d6;background:var(--bg);min-height:100vh;color:var(--t);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;grid-template-columns:minmax(0,1fr) 452px;transition:background .45s,color .45s;display:grid}.dark .lgb{--bg:#0e1013;--card:#15171c;--ln:#2a2e37;--ln2:#262a32;--ln3:#1e2128;--h:#f2f4f7;--t:#d0d5dd;--t2:#b4bac5;--t3:#98a2b3;--t4:#7a8291;--in:#2a2e37;--merah:#fda29b;--sh:none;--tanda:#c8f04d;--tanda-teks:#1d3a9e;--tanda-chip:#1d3a9e;--tanda-chip-teks:#fff;--judul-aksen:#c8f04d;--tautan:#8ea2f5}.lgb *,.lgb :before,.lgb :after{box-sizing:border-box}.lgb i,.lgb em{font-style:normal}.lgb a{color:var(--tautan);font-weight:700;text-decoration:none}.lgb a:hover{text-underline-offset:3px;text-decoration:underline}.lgb .ic{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.lgb-kiri{grid-template-rows:auto auto minmax(340px,1fr) auto;gap:22px;min-width:0;min-height:100vh;padding:26px 28px 26px 40px;display:grid}.lgb-atas{justify-content:space-between;align-items:center;gap:16px;display:flex}.lgb-merek{align-items:center;gap:12px;display:flex}.lgb-merek img{width:auto;height:36px;display:block}.dark .lgb-merek img{filter:brightness(0)invert()}.lgb-merek b{letter-spacing:-.005em;color:var(--h);font-size:16px;font-weight:800;display:block}.lgb-merek span{color:var(--t3);margin-top:2px;font-size:12px;font-weight:600;display:block}.lgb-jam{background:var(--b600);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:9px;height:40px;padding:0 16px 0 12px;font-size:14px;font-weight:600;display:inline-flex}.lgb-jam .ic{color:var(--lime)}.lgb-jam b{min-width:2.6em;font-size:15px;font-weight:800}.lgb-jam em{color:var(--lime);letter-spacing:.06em;font-size:11px;font-weight:800}.lgb-judul h1{letter-spacing:-.025em;color:var(--h);margin:0;font-size:clamp(30px,2.7vw,44px);font-weight:800;line-height:1.08}.lgb-judul h1 span{color:var(--judul-aksen)}.lgb-judul p{color:var(--t2);margin:10px 0 0;font-size:16px;font-weight:500;line-height:1.55}.lgb-peta{background:var(--card);border:1px solid var(--ln);box-shadow:var(--sh);border-radius:24px;min-height:0;transition:background .45s,border-color .45s;position:relative;overflow:hidden}.lgb-peta canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.lgb-chip{background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:12px;padding:8px 12px}.lgb-peta-kepala{z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute;top:12px;left:14px;right:14px}.lgb-peta-kepala b{color:var(--h);font-size:17px;font-weight:800;display:block}.lgb-peta-kepala small{color:var(--t3);margin-top:3px;font-size:13px;font-weight:600;display:block}.lgb-legenda{gap:16px;display:flex}.lgb-legenda span{color:var(--t2);white-space:nowrap;align-items:center;gap:7px;font-size:12.5px;font-weight:700;display:inline-flex}.lgb-legenda i{background:var(--tanda);border-radius:50%;width:9px;height:9px}.lgb-legenda i.pusat{border-radius:1.5px;width:8px;height:8px;transform:rotate(45deg)}.lgb-hud{z-index:3;color:var(--t3);align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:12px;left:14px}.lgb-hud i{background:var(--tanda);border-radius:50%;width:8px;height:8px}.lgb-hud b{color:var(--h);font-weight:800}.lgb-sorot{z-index:4;pointer-events:none;opacity:0;width:0;height:0;transition:opacity .35s;position:absolute;top:0;left:0}.lgb-sorot .cin{border:2px solid var(--tanda);border-radius:50%;width:20px;height:20px;position:absolute;top:-10px;left:-10px}.lgb-sorot .cin:after{content:"";border:1.5px solid var(--tanda);border-radius:50%;animation:2.2s ease-out infinite lgb-denyut;position:absolute;inset:-2px}.lgb-sorot .kait{background:var(--tanda);transform-origin:0;border-radius:2px;width:44px;height:2px;position:absolute;top:-7px;left:7px;transform:rotate(-42deg)}.lgb-sorot .lbl{white-space:nowrap;background:var(--tanda);color:var(--tanda-teks);border-radius:14px;align-items:center;gap:14px;padding:10px 10px 10px 14px;display:flex;position:absolute;top:-84px;left:36px;box-shadow:0 14px 26px -14px #1018288c}.lgb-sorot .lbl.a{animation:.45s cubic-bezier(.2,.8,.2,1) lgb-muncul-a}.lgb-sorot .lbl.b{animation:.45s cubic-bezier(.2,.8,.2,1) lgb-muncul-b}.lgb-sorot .lbl b{letter-spacing:-.005em;font-size:18px;font-weight:800;line-height:1;display:block}.lgb-sorot .lbl small{opacity:.85;margin-top:5px;font-size:12.5px;font-weight:700;display:block}.lgb-sorot .lbl i{background:var(--tanda-chip);color:var(--tanda-chip-teks);border-radius:10px;flex-direction:column;align-items:center;padding:6px 10px;font-size:17px;font-weight:800;line-height:1;display:flex}.lgb-sorot .lbl i small{opacity:1;letter-spacing:.04em;margin-top:3px;font-size:10px;font-weight:800}.lgb-sorot[data-sisi=kiri] .kait{transform-origin:100%;left:auto;right:7px;transform:rotate(42deg)}.lgb-sorot[data-sisi=kiri] .lbl{left:auto;right:36px}.lgb-poac{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:6px 0 0;list-style:none;display:grid}.lgb .kc{filter:drop-shadow(0 12px 22px #2f54d647);height:148px;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:relative}.dark .lgb .kc{filter:drop-shadow(0 12px 22px #00000080)}.lgb .kc>.p{background:var(--b600);position:absolute}.lgb .kc>.ph{border-radius:20px 20px 0 0;height:84px;top:0;left:62px;right:0}.lgb .kc>.pb{border-radius:20px 0 20px 20px;inset:62px 0 0}.lgb .kc>.pf{background:radial-gradient(circle at 0 0, transparent 13.5px, var(--b600) 14px);width:14px;height:14px;position:absolute;top:48px;left:48px}.lgb .kc>.tab{perspective:420px;width:54px;height:54px;position:absolute;top:0;left:0}.lgb .tab .putar{width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.34,1.45,.5,1);display:block;position:relative}.lgb .tab .muka{background:var(--lime);color:var(--b800);backface-visibility:hidden;border-radius:16px;place-items:center;font-size:24px;font-weight:900;display:grid;position:absolute;inset:0;box-shadow:0 0 0 1px #3f62122e,0 8px 16px -8px #3f621273}.lgb .tab .belakang{transform:rotateY(180deg)}.lgb .tab .belakang svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.lgb .tab .belakang svg>*{stroke-dasharray:1;stroke-dashoffset:1px}.lgb .kc.aktif .tab .putar{transform:rotateY(180deg)}.lgb .kc.aktif .tab .belakang svg>*{animation:.9s cubic-bezier(.6,0,.2,1) .45s forwards lgb-gores}.lgb .kc.aktif .tab .belakang{animation:2.4s ease-in-out 1.4s infinite lgb-napas}.lgb .kc>.lb{color:#fff;white-space:nowrap;text-overflow:ellipsis;align-items:center;height:62px;font-size:14px;font-weight:700;display:flex;position:absolute;top:0;left:78px;right:14px;overflow:hidden}.lgb .kc>.v{letter-spacing:-.01em;color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:800;line-height:1.1;position:absolute;top:74px;left:20px;right:16px;overflow:hidden}.lgb .kc>.ft{color:#ffffffe0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;position:absolute;top:102px;left:20px;right:16px;overflow:hidden}.lgb .kc>.jl{opacity:0;background:#ffffff2e;border-radius:999px;height:4px;transition:opacity .3s;position:absolute;bottom:12px;left:20px;right:20px;overflow:hidden}.lgb .poac-bar{background:var(--lime);border-radius:999px;width:0;height:100%;position:absolute;top:0;left:0}.lgb .kc.aktif{transform:translateY(-6px)}.lgb .kc.aktif>.v{animation:.55s cubic-bezier(.2,.8,.2,1) lgb-naik}.lgb .kc.aktif>.jl{opacity:1}.lgb .kc.aktif .poac-bar{animation:3.6s linear forwards lgb-jalan}.lgb-kanan{padding:16px 16px 16px 0;position:relative}.lgb-kartu-form{background:var(--card);border:1px solid var(--ln);border-radius:28px;flex-direction:column;min-height:calc(100vh - 32px);padding:28px 40px 24px;transition:background .45s,border-color .45s;display:flex;position:relative;box-shadow:0 1px 2px #1018280a,0 24px 48px -28px #10182847}.dark .lgb-kartu-form{box-shadow:0 24px 48px -28px #000000b3}.lgb-fm{flex-direction:column;width:100%;max-width:360px;margin:auto 0;display:flex}.lgb-fm h2{letter-spacing:-.02em;color:var(--h);margin:0;font-size:32px;font-weight:800;line-height:1.1}.lgb-fm-sub{color:var(--t3);margin:8px 0 28px;font-size:15px;font-weight:500;line-height:1.5}.lgb-fl{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.lgb-fl>label{color:var(--t);font-size:13px;font-weight:700}.lgb-in{border:1px solid var(--in);background:var(--card);height:48px;box-shadow:var(--sh);border-radius:12px;align-items:center;gap:10px;padding:0 6px 0 14px;transition:border-color .15s,box-shadow .15s,background .45s;display:flex;position:relative}.lgb-in>.ic{color:var(--t4);transition:color .15s}.lgb-in:focus-within{border-color:var(--b600);box-shadow:0 0 0 4px #2f54d624}.lgb-in:focus-within>.ic{color:var(--b600)}.lgb-in.salah{border-color:var(--merah)}.lgb-in input{min-width:0;height:100%;font:inherit;color:var(--h);background:0 0;border:0;outline:0;flex:1;padding:0;font-size:15px;font-weight:600}.lgb-in input::placeholder{color:var(--t4);font-weight:500}.lgb-galat{color:var(--merah);font-size:12.5px;font-weight:600}.lgb-mata{width:36px;height:36px;color:var(--t3);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.lgb-mata:hover{background:var(--ln3);color:var(--h)}.lgb-opsi{justify-content:space-between;align-items:center;margin:2px 0 22px;font-size:13.5px;display:flex}.lgb-cb{color:var(--t2);cursor:pointer;align-items:center;gap:9px;font-weight:600;display:inline-flex}.lgb-cb input{appearance:none;border:1.5px solid var(--in);background:var(--card);cursor:pointer;border-radius:6px;place-items:center;width:18px;height:18px;margin:0;display:grid}.lgb-cb input:checked{background:var(--b600);border-color:var(--b600)}.lgb-cb input:checked:after{content:"";border-top:0;border-bottom:2px solid #fff;border-left:2px solid #fff;border-right:0;width:9px;height:5px;transform:translateY(-1px)rotate(-45deg)}.lgb-masuk{background:var(--b600);color:#fff;height:56px;font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:14px;padding:0 10px 0 8px;font-size:17px;font-weight:800;transition:background .15s,transform .15s;display:flex;box-shadow:0 1px 2px #1018280d,0 10px 22px -10px #2f54d6b3}.lgb-masuk:hover{background:var(--b800)}.lgb-masuk:active{transform:scale(.985)}.lgb-masuk:disabled{cursor:progress;opacity:.9}.lgb-masuk .bulat{background:var(--lime);width:40px;height:40px;color:var(--b800);border-radius:50%;place-items:center;transition:transform .25s;display:grid}.lgb-masuk .bulat .ic{stroke-width:2.4px;width:20px;height:20px}.lgb-masuk:hover .bulat{transform:translate(3px)}.lgb-masuk kbd{font:inherit;background:#ffffff2e;border-radius:8px;margin-left:auto;padding:5px 9px;font-size:12.5px;font-weight:700}.lgb-masuk.muat .bulat .ic{animation:.8s linear infinite lgb-putar}.lgb-aman{color:var(--t3);align-items:center;gap:8px;margin:18px 0 0;font-size:13px;font-weight:600;display:flex}.lgb-aman .ic{width:16px;height:16px;color:var(--g)}.lgb-kaki{color:var(--t3);justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;font-weight:600;display:flex}.lgb-kaki a{color:var(--t2)}.lgb-lampu{cursor:pointer;width:52px;height:86px;color:var(--t3);z-index:20;transform-origin:50% 0;background:0 0;border:0;padding:0;position:absolute;top:0;right:26px}.lgb-lampu .tali{opacity:.55;background:currentColor;width:1.5px;height:40px;position:absolute;top:0;left:25px}.lgb-lampu svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:36px;height:36px;position:absolute;top:34px;left:8px}.lgb-lampu .kaca{fill:#fef0c7;stroke:none;transition:fill .4s}.lgb-lampu .filamen,.lgb-lampu .sinar{stroke:#f79009;transition:opacity .4s,stroke .4s}.dark .lgb-lampu .sinar{opacity:0}.dark .lgb-lampu .filamen{stroke:currentColor;opacity:.45}.dark .lgb-lampu .kaca{fill:var(--t4);fill-opacity:.35}.lgb-lampu:focus-visible{outline:2px solid var(--b600);outline-offset:2px;border-radius:10px}.lgb-lampu.ayun-a{animation:1.3s cubic-bezier(.3,.7,.2,1) lgb-ayun-a}.lgb-lampu.ayun-b{animation:1.3s cubic-bezier(.3,.7,.2,1) lgb-ayun-b}html.lgb-vt::view-transition-old(root){mix-blend-mode:normal;animation:none}html.lgb-vt::view-transition-new(root){mix-blend-mode:normal;animation:none}html.lgb-vt::view-transition-new(root){animation:.7s cubic-bezier(.4,0,.2,1) lgb-sebar}.lgb-m1,.lgb-m2,.lgb-m3,.lgb-m4{animation:.7s cubic-bezier(.2,.8,.2,1) both lgb-masuk}.lgb-m2{animation-delay:.1s}.lgb-m3{animation-delay:.2s}.lgb-m4{animation-delay:.32s}@keyframes lgb-denyut{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.9)}}@keyframes lgb-muncul-a{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@keyframes lgb-muncul-b{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@keyframes lgb-gores{to{stroke-dashoffset:0}}@keyframes lgb-napas{0%,to{transform:rotateY(180deg)scale(1)}50%{transform:rotateY(180deg)scale(1.07)}}@keyframes lgb-jalan{to{width:100%}}@keyframes lgb-naik{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes lgb-putar{to{transform:rotate(360deg)}}@keyframes lgb-ayun-a{0%{transform:none}18%{transform:rotate(22deg)}40%{transform:rotate(-16deg)}60%{transform:rotate(9deg)}78%{transform:rotate(-4deg)}to{transform:none}}@keyframes lgb-ayun-b{0%{transform:none}18%{transform:rotate(22deg)}40%{transform:rotate(-16deg)}60%{transform:rotate(9deg)}78%{transform:rotate(-4deg)}to{transform:none}}@keyframes lgb-sebar{0%{clip-path:circle(0 at var(--lgb-x,90%) var(--lgb-y,40px))}to{clip-path:circle(var(--lgb-r,150vmax) at var(--lgb-x,90%) var(--lgb-y,40px))}}@keyframes lgb-masuk{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (max-width:1180px){.lgb{grid-template-columns:minmax(0,1fr) 400px}.lgb-kartu-form{padding:28px 30px 24px}.lgb-legenda{display:none}}@media (max-width:860px){.lgb{flex-direction:column;gap:18px;padding:20px 16px 24px;display:flex}.lgb-kiri{display:contents}.lgb-atas{order:1}.lgb-judul{order:2}.lgb-kanan{order:3;padding:0}.lgb-peta{flex:none;order:4;height:340px}.lgb-poac{order:5;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lgb-jam{display:none}.lgb-kartu-form{min-height:0;padding:24px 20px 20px}.lgb-fm{margin:48px auto 28px}.lgb .kc>.v{font-size:17px}.lgb-kaki{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.lgb-lampu.ayun-a,.lgb-lampu.ayun-b,.lgb-sorot .cin:after,.lgb .kc.aktif .poac-bar,.lgb-m1,.lgb-m2,.lgb-m3,.lgb-m4,.lgb-sorot .lbl.a,.lgb-sorot .lbl.b,.lgb .kc.aktif .tab .belakang,.lgb .kc.aktif>.v{animation:none}.lgb .tab .putar{transition:none}.lgb .tab .belakang svg>*{stroke-dashoffset:0}}