:root{color-scheme:dark;--bg:#0e151c;--card:#16202a;--ink:#e6ebef;--muted:#93a1ad;--line:#2a3745;--brand:#f0b429;--brand-ink:#1a1300;--sun:#f0b429;--danger:#f97066;--ok:#47cd89;--gold:linear-gradient(135deg,#f8e28f,#dcaa22 38%,#9b6f10 68%,#f3d26e)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;-webkit-text-size-adjust:100%}a{color:var(--sun)}h1{font-size:1.5rem;margin:0 0 16px}h2{font-size:1.1rem;margin:0 0 12px}.wrap{max-width:1040px;margin:0 auto;padding:20px 16px 48px}.narrow{max-width:460px;margin:6vh auto;padding:0 16px}.card,.hero-card,.stat{border:2px solid transparent;border-radius:14px;background:linear-gradient(var(--card),var(--card)) padding-box,var(--gold) border-box;box-shadow:0 0 0 1px rgba(240,180,41,.25),0 0 16px 1px rgba(240,180,41,.18),0 0 34px 4px rgba(240,180,41,.07)}.card{padding:18px}.card,.grid{margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:12px;gap:12px}.stat{padding:12px 14px}.stat span{display:block;font-size:.85rem;color:var(--muted)}.stat b{font-size:1.3rem}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--card);border-bottom:3px solid transparent;border-image:var(--gold) 1}.topbar .page{margin-left:auto;color:var(--muted);font-size:.9rem;text-align:right}.burger{background:transparent;color:var(--ink);border:1px solid var(--line);padding:8px;border-radius:8px;display:flex}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:40}.drawer{position:fixed;top:0;left:0;bottom:0;width:min(300px,85vw);z-index:50;padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;background:var(--card);border-right:2px solid transparent;border-image:var(--gold) 1;transform:translateX(-100%);visibility:hidden;transition:transform .2s ease,visibility .2s}.drawer.open{transform:none;visibility:visible}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.drawer a{display:block;padding:12px 14px;border-radius:8px;text-decoration:none;color:var(--ink)}.drawer a:hover{background:rgba(240,180,41,.15)}.drawer a.active{background:var(--brand);color:var(--brand-ink);font-weight:700}.drawer .sep{flex:1 1;min-height:12px}.drawer form button{width:100%}.dash{max-width:640px;margin:0 auto}.hero-card{padding:20px;margin-bottom:14px;border-radius:20px 20px 72px 20px;background:linear-gradient(160deg,#1d2d3c,#16202a) padding-box,var(--gold) border-box;box-shadow:0 0 0 1px rgba(240,180,41,.4),0 0 22px 2px rgba(240,180,41,.3),0 0 48px 8px rgba(240,180,41,.12)}.hero-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.hero-hello{margin:0;font-size:1.25rem;font-weight:600}.hero-rank{text-align:right}.hero-rank span,.hero-total span{display:block;font-size:.85rem;color:var(--muted)}.hero-rank b{font-size:1.15rem;color:var(--sun)}.hero-rank em{display:block;font-size:.78rem;color:var(--muted);font-style:normal}.hero-total{margin-top:18px}.hero-total b{font-size:clamp(1.7rem,7vw,2.3rem)}.dash>.card{margin-bottom:14px}.card.big{padding:14px 18px}.card.big span,.card.small span{display:block;font-size:.85rem;color:var(--muted)}.card.big b{font-size:clamp(1.6rem,7vw,2.1rem)}.card.small{padding:12px 14px}.card.small b{font-size:1.05rem}.pair{grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.pair,.trio{display:grid;margin-bottom:14px}.trio{grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.pair .card,.trio .card{margin-bottom:0}.trio .card.small{text-align:center;padding:12px 6px}.trio .card.small b{font-size:1.3rem}.linkcard{display:flex;gap:12px;align-items:center;justify-content:space-between}.linkcard p{margin:2px 0 0;font-size:.85rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}td,th{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600}label{display:block;font-size:.9rem;margin:12px 0 4px}input,select,textarea{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--sun);outline-offset:2px}.btn,button{background:var(--brand);color:var(--brand-ink);border:0;border-radius:999px;padding:10px 20px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 0 10px 1px rgba(240,180,41,.5),0 0 22px 3px rgba(240,180,41,.22);transition:box-shadow .15s ease,transform .15s ease}.btn:not(.secondary):not(.danger):hover,button:not(.plain):not(.secondary):not(.danger):not(:disabled):hover{box-shadow:0 0 14px 2px rgba(240,180,41,.7),0 0 30px 6px rgba(240,180,41,.32);transform:translateY(-1px)}.btn:not(.secondary):after,button:not(.plain):not(.secondary):not(.danger):after{content:"\2726";margin-left:7px;font-size:.8em;vertical-align:1px;opacity:.9}.btn.secondary,button.secondary{background:transparent;color:var(--sun);border:1px solid var(--line);box-shadow:none}button.danger{background:var(--danger);color:#fff;box-shadow:0 0 10px 1px rgba(249,112,102,.4)}button:disabled{opacity:.55;cursor:default}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.row>*{flex:1 1;min-width:130px}.row>button{flex:0 0 auto}.notice{padding:10px 12px;border-radius:6px;margin-bottom:14px;font-size:.92rem;border-left:4px solid;background:var(--card)}.notice.err{border-color:var(--danger);color:var(--danger)}.notice.ok{border-color:var(--ok);color:var(--ok)}.muted{color:var(--muted)}.pager{gap:16px;align-items:center;margin-top:14px;font-size:.92rem}.chips,.pager{display:flex;flex-wrap:wrap}.chips{gap:8px;margin-bottom:14px}.chips a{padding:4px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:.88rem}.chips a.on{background:var(--brand);color:var(--brand-ink);border-color:var(--brand);font-weight:600}.status-complete{color:var(--ok);font-weight:600}.status-in_progress{color:var(--sun);font-weight:600}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;word-break:break-all}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.03em}.badge.paid{background:var(--sun);color:#1a1300}.badge.promo{border:1px solid var(--ok);color:var(--ok)}.hero{padding:10vh 0 6vh}.hero h1{font-size:clamp(1.9rem,5vw,2.8rem);line-height:1.15;max-width:16ch}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.pw{position:relative}.pw input{padding-right:48px}.pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:transparent;color:var(--muted);padding:6px;border-radius:6px;display:flex;align-items:center}.pw-toggle:hover{color:var(--ink)}.locked{opacity:.85;cursor:not-allowed}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.install-box{margin-top:16px;text-align:center}.install-ios{margin-top:8px}.brand-lockup{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px}.brand-lockup img{width:44px;height:44px;border-radius:10px}.brand-lockup span{font-weight:700;font-size:1.3rem;letter-spacing:.02em}.editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.editor-toolbar button{padding:6px 10px;font-size:.85rem;background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:6px}.editor-toolbar button:hover{border-color:var(--sun)}.editor-area{min-height:160px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);overflow-wrap:anywhere}.editor-area:focus-visible{outline:2px solid var(--sun);outline-offset:2px}.rich-content :first-child{margin-top:0}.rich-content :last-child{margin-bottom:0}.rich-content h3{margin:16px 0 8px}.rich-content p{margin:0 0 10px}.rich-content ol,.rich-content ul{margin:0 0 10px;padding-left:22px}.rich-content a{text-decoration:underline}.yt-embed{position:relative;width:100%;padding-bottom:56.25%;margin:10px 0;border-radius:8px;overflow:hidden;background:#000}.yt-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}details.entry{margin-top:10px}details.entry>summary{cursor:pointer;padding:10px 12px;border:1px solid var(--line);border-radius:8px;list-style:none;display:flex;justify-content:space-between;gap:10px;align-items:center}details.entry>summary::-webkit-details-marker{display:none}details.entry[open]>summary{border-radius:8px 8px 0 0}details.entry .entry-body{padding:14px;border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px}.bank-card p{margin:4px 0}.mtree{margin:10px 0 18px}.mtree,.mtree-root{display:flex;flex-direction:column;align-items:center}.mtree-root{gap:4px;text-align:center}.mtree-stem{width:2px;height:22px;background:var(--sun)}.mtree-scroll{width:100%;overflow-x:auto;padding-bottom:6px;display:flex;justify-content:center;justify-content:safe center}.mtree-children{width:max-content;flex:0 0 auto;padding-top:2px}.mtree-children,.mtree-col{position:relative;display:flex}.mtree-col{flex:0 0 86px;flex-direction:column;align-items:center}.mtree-bus{position:absolute;top:0;left:43px;right:43px;height:2px;background:var(--sun)}.mtree-drop{width:2px;height:16px;background:var(--sun)}.mtree-node{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;text-decoration:none;color:var(--ink);padding:6px;border-radius:10px;width:100%}.mtree-node.filled{background:var(--card);border:1px solid var(--line)}a.mtree-node.filled:hover{border-color:var(--sun);box-shadow:0 0 10px 1px rgba(240,180,41,.3)}.mtree-node.empty{opacity:.55}.mtree-avatar img{display:block;border-radius:10px}.mtree-avatar-empty img{filter:grayscale(1) opacity(.5)}.mtree-label{font-size:.78rem;line-height:1.3;display:flex;flex-direction:column;gap:1px;word-break:break-word}.mtree-label span{font-size:.72rem;color:var(--muted)}.mtree-root .mtree-label b{font-size:.92rem}[id=daftar],[id=diagram]{scroll-margin-top:72px}.ncards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px 12px;gap:18px 12px;margin-bottom:26px}.hero-card.hero3d,.ncard,.rankbtn{--ink:#fff;color:var(--ink);border:1px solid rgba(255,255,255,.35);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.36) 0,rgba(255,255,255,.1) 49%,rgba(255,255,255,0) 50%),linear-gradient(180deg,var(--c1),var(--c2));box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 0 var(--c3),0 12px 18px rgba(0,0,0,.45)}.hero3d.diamond,.ncard.diamond,.rankbtn.diamond{--c1:#3bb7d4;--c2:#0f7a99;--c3:#09506a}.hero3d.gold,.ncard.gold,.rankbtn.gold{--c1:#ffe08a;--c2:#e4a912;--c3:#9a6b00;--ink:#3a2600}.hero3d.silver,.ncard.silver,.rankbtn.silver{--c1:#f1f3f7;--c2:#aab1bd;--c3:#6c7380;--ink:#1b2028}.hero3d.bronze,.ncard.bronze,.rankbtn.bronze{--c1:#d4774f;--c2:#93301c;--c3:#5a1a0e}.hero3d.bronze,.hero3d.diamond,.hero3d.navy,.ncard.bronze,.ncard.diamond,.rankbtn.bronze,.rankbtn.diamond{text-shadow:0 1px 2px rgba(0,0,0,.4)}.ncard{padding:12px 10px 14px;text-align:center;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.ncard small{font-size:.74rem;opacity:.92}.ncard b{font-size:1rem;line-height:1.25;word-break:break-word}.ntile{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:4px;text-shadow:none;background:linear-gradient(180deg,#fffdf4,#efe6d0);box-shadow:inset 0 -2px 0 rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.35)}.rankbtns{display:flex;flex-direction:column;gap:18px;margin:4px 0 24px}.rankbtn{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;padding:13px;font-weight:700;font-size:1.02rem;text-decoration:none;transition:transform .08s ease,box-shadow .08s ease}.rankbtn.active,.rankbtn:active{transform:translateY(4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 2px 0 var(--c3),0 6px 10px rgba(0,0,0,.4)}.rankbtn.active{outline:2px solid rgba(255,255,255,.85);outline-offset:3px}tr.me td{background:rgba(240,180,41,.14)}.ntile.mini{width:30px;height:30px;border-radius:9px;margin:0}.hero3d.navy{--c1:#2b4a6e;--c2:#132a44;--c3:#08131f}.hero-card.hero3d{border-radius:20px 20px 72px 20px;margin-bottom:26px}.hero3d .hero-hello,.hero3d .hero-rank b,.hero3d .hero-total b{color:inherit}.hero3d .hero-rank em,.hero3d .hero-rank span,.hero3d .hero-total span{color:inherit;opacity:.85}.s3grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:22px 14px;gap:22px 14px;margin:0 0 30px}.stat3d{--ink:#fff;position:relative;flex-wrap:wrap;gap:12px;padding:14px 16px;min-height:96px;border-radius:16px;color:var(--ink);border:1px solid rgba(255,255,255,.3);text-shadow:0 1px 2px rgba(0,0,0,.35);background:linear-gradient(180deg,rgba(255,255,255,.34) 0,rgba(255,255,255,.09) 49%,rgba(255,255,255,0) 50%),linear-gradient(180deg,var(--c1),var(--c2));box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 6px 0 var(--c3),0 12px 18px rgba(0,0,0,.45)}.stat3d,.stat3d .s3-icon{display:flex;align-items:center}.stat3d .s3-icon{flex:0 0 auto;width:44px;height:44px;border-radius:12px;justify-content:center;font-size:22px;text-shadow:none;background:linear-gradient(180deg,#fffdf4,#efe6d0);box-shadow:inset 0 -2px 0 rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.35)}.stat3d .s3-body{flex:1 1 120px;min-width:0}.stat3d small{display:block;font-size:.78rem;line-height:1.25;opacity:.92}.stat3d b{display:block;font-size:1.3rem;line-height:1.2;word-break:break-word}.stat3d em{display:block;font-style:normal;font-size:.72rem;opacity:.88;margin-top:2px}.t-emerald{--c1:#3ecf8e;--c2:#0f8a5f;--c3:#09573b}.t-ruby{--c1:#ef6b6b;--c2:#b02a37;--c3:#701620}.t-gold{--c1:#ffe08a;--c2:#e4a912;--c3:#9a6b00;--ink:#3a2600}.t-gold,.t-gold *{text-shadow:none}.t-violet{--c1:#a78bfa;--c2:#6d3fd1;--c3:#43238a}.t-ocean{--c1:#4aa8ff;--c2:#1b5fc0;--c3:#103b7c}.t-teal{--c1:#3bc9c0;--c2:#0e8a86;--c3:#095a58}.t-coral{--c1:#ff9a6b;--c2:#d9582a;--c3:#8f3512}.t-indigo{--c1:#7c8cff;--c2:#3d49c9;--c3:#272f85}.t-slate{--c1:#8b9ab0;--c2:#3b4a5f;--c3:#232d3b}.btn3d{display:inline-block;padding:8px 18px;border-radius:12px;font-weight:800;text-decoration:none;text-shadow:none;color:#3a2600;border:1px solid rgba(255,255,255,.6);background:linear-gradient(180deg,#ffe46b,#f2b705);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 0 #a87400,0 8px 12px rgba(0,0,0,.4);transition:transform .08s ease,box-shadow .08s ease}.btn3d:active{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 0 #a87400,0 4px 6px rgba(0,0,0,.4)}.sec-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin:6px 0 14px}.plain,.sec-title h2{margin:0}.plain{background:transparent;border:0;padding:0;box-shadow:none;border-radius:0;font:inherit;color:inherit;text-shadow:none;transition:none}.wrap.wide{max-width:1180px}.home-grid{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px;align-items:center}.home-grid .hero{padding:6vh 0 2vh}@media (min-width:900px){.home-grid{grid-template-columns:1.05fr 1fr;gap:40px;min-height:78vh}.home-grid .hero{padding:0}}.pslider{width:100%;max-width:540px;margin:0 auto;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:pan-y}.pslider-stage{position:relative;width:100%;height:clamp(360px,62vw,520px)}@media (min-width:900px){.pslider-stage{height:540px}}.pslide{position:absolute;top:50%;left:50%;width:44%;padding:0;margin:0;border:0;background:transparent;cursor:pointer;border-radius:22px;box-shadow:none;text-shadow:none;transition:transform .7s cubic-bezier(.22,.8,.2,1),opacity .7s ease,filter .7s ease;will-change:transform,opacity}.pslide img{display:block;width:100%;height:auto;border-radius:22px;pointer-events:none}.pslide.pos-center{transform:translate(-50%,-50%) scale(1);z-index:3;opacity:1;filter:none;box-shadow:0 0 0 2px rgba(240,180,41,.75),0 0 28px rgba(240,180,41,.35),0 18px 30px rgba(0,0,0,.55)}.pslide.pos-right{transform:translate(calc(-50% + 70%),-50%) scale(.78)}.pslide.pos-left,.pslide.pos-right{z-index:2;opacity:.92;filter:brightness(.72);box-shadow:0 12px 22px rgba(0,0,0,.5)}.pslide.pos-left{transform:translate(calc(-50% - 70%),-50%) scale(.78)}.pslide.pos-hidden{transform:translate(-50%,-50%) scale(.6);z-index:1;opacity:0;pointer-events:none}.pslide:focus-visible{outline:3px solid var(--sun);outline-offset:4px}.pslider-caption{text-align:center;margin:14px 0 8px;font-weight:700;min-height:1.5em}.pslider-dots{display:flex;justify-content:center;gap:10px}.pslider-dots button{width:10px;height:10px;padding:0;border-radius:999px;border:0;background:var(--line);box-shadow:none;transition:width .3s ease,background .3s ease}.pslider-dots button.on{width:28px;background:var(--sun)}@media (prefers-reduced-motion:reduce){.pslide,.pslider-dots button{transition:none}}.wafab-wrap{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom, 0px));z-index:35;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.wafab{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.4);background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.06) 49%,rgba(255,255,255,0) 50%),linear-gradient(180deg,#4ee88a,#15a047);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 5px 0 #0b6b2f,0 10px 18px rgba(0,0,0,.45);transition:transform .08s ease,box-shadow .08s ease}.wafab:active{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 0 #0b6b2f,0 5px 10px rgba(0,0,0,.45)}.wafab:focus-visible{outline:3px solid #fff;outline-offset:3px}.wafab-panel{display:flex;flex-direction:column;gap:8px;padding:10px;min-width:220px;max-width:calc(100vw - 32px);background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 24px rgba(0,0,0,.5)}.wafab-panel a{display:block;padding:11px 14px;border-radius:10px;text-align:center;text-decoration:none;font-weight:800;border:1px solid rgba(255,255,255,.35);box-shadow:0 3px 0 rgba(0,0,0,.35)}.wafab-panel a.admin{color:#fff;background:linear-gradient(180deg,#34d27a,#12994a)}.wafab-panel a.sponsor{color:#3a2600;background:linear-gradient(180deg,#ffe46b,#f2b705)}.home-benefits{display:grid;grid-gap:18px;gap:18px;max-width:880px;margin:28px auto 0}