@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/build/assets/plus-jakarta-sans-latin-400-normal-Dhut76fR.woff2)format("woff2"),url(/build/assets/plus-jakarta-sans-latin-400-normal-BDKaGhyp.woff)format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/build/assets/plus-jakarta-sans-latin-600-normal-DLTa1BUW.woff2)format("woff2"),url(/build/assets/plus-jakarta-sans-latin-600-normal-BR_Ojra4.woff)format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/build/assets/plus-jakarta-sans-latin-700-normal-CfpNZvy6.woff2)format("woff2"),url(/build/assets/plus-jakarta-sans-latin-700-normal-DqEcQeE5.woff)format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/build/assets/plus-jakarta-sans-latin-800-normal-CusIZhrK.woff2)format("woff2"),url(/build/assets/plus-jakarta-sans-latin-800-normal-BRNHt2w0.woff)format("woff")}:root{--ink:#151a2d;--ink-soft:#545d72;--line:#e5e8ef;--paper:#f4f5f9;--merah:#d3122b;--merah-tua:#a10d2c;--plum:#2a1131;--navy:#161b3d;--pink:#ffb3c2;--bsd:#e2892a;--bsd-tua:#b3580d;--bsd-soft:#fdf0e1;--bsd-ink:#96460a;--spark:#f0405a;--spark-tua:#d0122b;--spark-soft:#fde7eb;--spark-ink:#b0122b;--rbk:#2bbfa9;--rbk-tua:#0f7466;--rbk-soft:#ddf3ee;--rbk-ink:#0d6b5d;--eks:#d91a3a;--eks-tua:#8f1239;--eks-soft:#fce8ee;--eks-ink:#8f1239;--font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--shadow:0 1px 2px #151a2d0d,0 24px 48px -28px #151a2d57;--wrap:1390px;--gutter:clamp(16px,4vw,48px);--r-sm:10px;--r-md:14px;--r-lg:20px;--ease:cubic-bezier(.22,1,.36,1);--dur-1:.16s;--dur-2:.28s;--ring:0 0 0 4px #d3122b24;--crimson:var(--merah);--teal:var(--rbk-tua);--terracotta:var(--bsd-tua);--navy-700:#2b3f73;--font-display:var(--font);--font-body:var(--font)}*{box-sizing:border-box}html,body{margin:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.5}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}a{color:inherit}:focus-visible{outline-offset:2px;outline:3px solid #d3122b73}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.lockup{color:var(--ink);--tinggi:44px;align-items:center;gap:16px;text-decoration:none;display:inline-flex}.lockup-sekolah{height:var(--tinggi);width:auto}.lockup-pic{display:contents}.lockup-aksi{height:calc(var(--tinggi)*1.3);width:auto}.lockup-sep{background:#d9dce4;border-radius:2px;flex:none;align-self:stretch;width:1.5px;margin:2px 0}.lockup.is-card{background:#fff;border-radius:18px;padding:12px 22px;box-shadow:0 18px 36px -20px #0000008c}.sphere{--c:#888;--hi:#ccc;--lo:#333;--glow:#0006;width:var(--d,120px);height:var(--d,120px);color:#fff;background:radial-gradient(circle at 32% 26%,var(--hi) 0%,var(--c) 42%,var(--lo) 100%);box-shadow:inset -10px -14px 26px #00000038,inset 8px 10px 20px #ffffff38,0 24px 40px -18px var(--glow);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.sphere:before{content:"";background:radial-gradient(closest-side,#ffffff8c,#fff0);border-radius:50%;width:34%;height:20%;position:absolute;top:11%;left:20%;transform:rotate(-24deg)}.sphere svg{filter:drop-shadow(0 2px 3px #0000002e);width:38%;height:38%;position:relative}.sphere-ring{pointer-events:none;border-top:1.5px solid #ffffffbf;border-radius:50%;height:16%;position:absolute;top:44%;left:-14%;right:-14%;transform:rotate(-6deg);-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000)}.s-bukusaku{--c:#e2892a;--hi:#f6b35a;--lo:#a24c08;--glow:#c4620e8c}.s-spark{--c:#ec3550;--hi:#ff7186;--lo:#a50c26;--glow:#d2122b8c}.s-ruangbk{--c:#22b8a2;--hi:#55e0c8;--lo:#0b6f62;--glow:#0f746680}.s-eksis{--c:#4b67e8;--hi:#8fa3ff;--lo:#1f2f9c;--glow:#be103080}.sphere.has-logo{box-shadow:0 2px 6px #151a2d14,0 24px 40px -18px var(--glow);background:#fff}.sphere.has-logo:before{content:none}.sphere img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:64%;height:64%;position:relative}.sphere.s-eksis img{width:52%;height:52%}.bubble{pointer-events:none;background:radial-gradient(circle at 34% 28%,#ffffff8c,#ecaaba61 38%,#7e28486b 100%);border-radius:50%;position:absolute;box-shadow:inset -6px -8px 16px #3c0a1e40}@keyframes ngambang{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login{background:#fff;grid-template-columns:minmax(440px,43%) 1fr;min-height:100dvh;display:grid}.login-side{z-index:2;background:radial-gradient(520px 360px at 0 0,#fff4f6,#fff4f600 70%),#fff;flex-direction:column;padding:clamp(20px,4vh,40px) clamp(12px,1.5vw,24px) clamp(14px,2.6vh,28px) clamp(28px,7vw,130px);display:flex;position:relative}.login-brand{align-self:center;width:min(440px,100%);text-decoration:none}.login-brand .lockup{--tinggi:clamp(34px,3.2vw,44px)}.login-main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:clamp(10px,4vh,56px) 0;display:flex}.login-form{width:100%;max-width:440px}.login-kicker{color:#7a1830;background:#fff;border:1px solid #f1d5db;border-radius:999px;align-items:center;gap:8px;margin:0 0 16px;padding:6px 12px 6px 10px;font-size:13px;font-weight:600;line-height:1.3;display:inline-flex;box-shadow:0 6px 16px -12px #a10d2c80}.login-kicker i{background:var(--merah);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #d3122b24}.login-kicker b{color:var(--merah-tua);font-weight:800}.login-form h1{letter-spacing:-.03em;color:#141938;margin:0 0 8px;font-size:clamp(32px,2.9vw,42px);font-weight:800;line-height:1.08}.login-form h1 span{background:linear-gradient(#ec1c36,#b80d29);color:#0000;-webkit-background-clip:text;background-clip:text}.login-form .sub{color:var(--ink-soft);margin:0 0 26px;font-size:15.5px;line-height:1.55}.login-form .alert{align-items:flex-start;gap:10px;margin:0 0 18px;padding:11px 14px;font-size:14px;display:flex}.login-form .alert[hidden]{display:none}.login-form .alert svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px;margin-top:1px}.fld{margin-bottom:18px}.fld label{color:#262c40;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.fld-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.fld-head label{margin-bottom:8px}.fld-box{position:relative}.fld-ico{fill:none;stroke:#99a0b0;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:19px;height:19px;transition:stroke var(--dur-1) var(--ease);position:absolute;top:50%;left:15px;transform:translateY(-50%)}.fld input{border-radius:var(--r-md);width:100%;height:54px;font:inherit;color:var(--ink);transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease),background-color var(--dur-1) var(--ease);background:#fbfbfd;border:1.5px solid #e1e4eb;padding:0 16px 0 46px;font-size:16px}.fld input::placeholder{color:#9aa0ae}.fld input:hover{border-color:#cdd2dc}.fld input:focus{border-color:var(--merah);box-shadow:var(--ring);background:#fff;outline:none}.fld-box:focus-within .fld-ico{stroke:var(--merah)}.fld input[aria-invalid=true]{background:#fff8f9;border-color:#e0475e}.fld input[aria-invalid=true]:focus{box-shadow:0 0 0 4px #e0475e29}.fld .field-err:empty{display:none}.fld .field-err{margin-top:6px;font-size:13px}.caps-info{color:#9a5b00;margin-top:6px;font-size:12.5px;font-weight:600;display:block}.caps-info[hidden]{display:none}.fld-pw input{padding-right:54px}.fld-pw .eye{color:#8b92a3;width:42px;height:42px;transition:color var(--dur-1) var(--ease),background-color var(--dur-1) var(--ease);background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.fld-pw .eye:hover{background:#f3f4f7}.fld-pw .eye:hover,.fld-pw .eye[aria-pressed=true]{color:var(--merah)}.link-kecil{font:inherit;color:var(--merah-tua);text-underline-offset:3px;transition:text-decoration-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease);background:0 0;border:0;padding:2px 0;font-size:13.5px;font-weight:600;-webkit-text-decoration:underline #a10d2c47;text-decoration:underline #a10d2c47}.link-kecil:hover,.link-kecil[aria-expanded=true]{color:var(--merah);text-decoration-color:currentColor}.btn-masuk{border-radius:var(--r-md);color:#fff;width:100%;height:54px;transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease),filter var(--dur-1) var(--ease);background:linear-gradient(135deg,#ea1d3c 0%,#c4102f 55%,#a10d2c 100%);border:0;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:0 24px;font-size:16.5px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff38,0 16px 30px -16px #c4102fd9}.btn-masuk:after{content:"";transition:transform .6s var(--ease);background:linear-gradient(105deg,#0000 30%,#ffffff38 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.btn-masuk:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,0 20px 34px -16px #c4102fe6}.btn-masuk:hover:after{transform:translate(120%)}.btn-masuk:active{transform:translateY(0)scale(.99)}.btn-masuk:focus-visible{outline:none;box-shadow:0 0 0 4px #d3122b47,0 16px 30px -16px #c4102fd9}.btn-masuk-ikon{transition:transform var(--dur-2) var(--ease);display:inline-flex}.btn-masuk:hover .btn-masuk-ikon{transform:translate(3px)}.btn-masuk .spin{border:2.2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite putar;display:none}.login-form.is-busy .btn-masuk{cursor:progress;filter:saturate(.9);transform:none}.login-form.is-busy .btn-masuk-ikon{display:none}.login-form.is-busy .btn-masuk .spin{display:block}.login-form.is-busy .btn-masuk:after{animation:kilau 1.2s var(--ease) infinite}.login-form.is-busy .fld input{opacity:.7}.login-form.is-shake .fld-box,.login-form.is-shake .alert{animation:goyang .32s var(--ease)}@keyframes putar{to{transform:rotate(360deg)}}@keyframes kilau{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes goyang{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.login-alt{text-align:center;color:var(--ink-soft);margin:18px 0 0;font-size:13.5px}.login-form:has(.login-help:not([hidden])) .login-alt{display:none}.login-help{border-radius:var(--r-md);color:#5c1a26;animation:muncul var(--dur-2) var(--ease) both;background:#fff3f5;border:1px solid #f8d3da;margin:12px 0 0;padding:10px 14px;font-size:13.5px;line-height:1.5}.login-help:focus{outline:none}@keyframes muncul{0%{opacity:0;transform:translateY(-4px)}}.login-foot{color:#6b7286;align-self:center;width:min(440px,100%);margin:0;font-size:12.5px}.login-hero{color:#fff;background:radial-gradient(900px 600px at 100% 100%,#e816348c,#0000 60%),linear-gradient(155deg,#2a1131 0%,#4b1131 32%,#7e0f30 62%,#c3112d 100%);flex-direction:column;padding:34px clamp(28px,4.5vw,72px) 40px clamp(110px,10vw,170px);display:flex;position:relative;overflow:hidden}.wave-side{fill:#fff;z-index:1;width:clamp(90px,9vw,150px);height:100%;position:absolute;top:0;left:-1px}.wave-bottom{display:none}.hero-wm{pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(170px,19vw,330px);line-height:1;position:absolute;bottom:-.07em;right:-.04em}.hero-wm svg{fill:none;stroke:#ffffff29;stroke-width:1.5px;stroke-linejoin:round;width:2.273em;height:.64em;display:block;overflow:visible}.hero-wm path{vector-effect:non-scaling-stroke}.login-hero .b1{width:88px;height:88px;top:7%;right:5%}.login-hero .b2{z-index:2;width:100px;height:100px;bottom:12%;left:clamp(30px,3vw,60px)}.login-hero .b3{opacity:.8;width:26px;height:26px;top:44%;left:46%}.hero-nav{z-index:3;justify-content:flex-end;align-items:center;gap:clamp(14px,2.4vw,40px);display:flex;position:relative}.hero-nav a.hero-brand{opacity:1;margin-right:auto;text-decoration:none;display:none}.hero-nav a{color:#fff;opacity:.92;font-size:16.5px;font-weight:600;text-decoration:none}.hero-nav a:hover{opacity:1;text-underline-offset:6px;text-decoration:underline}.hero-nav a.pill{color:var(--merah);opacity:1;background:#fff;border-radius:999px;padding:7px 22px;text-decoration:none;box-shadow:0 10px 20px -12px #00000080}.hero-copy{z-index:2;max-width:520px;margin-top:clamp(12px,14vh - 60px,90px);position:relative}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#ffd3dc;font-size:12px;font-weight:700;display:none}.hero-copy h2{letter-spacing:-.03em;margin:18px 0 14px;font-size:clamp(30px,min(3.4vw,6.4vh),54px);font-weight:800;line-height:1.04}.hero-copy p{color:#f3d7de;margin:0;font-size:17px}.orbs{--d:clamp(84px,min(9.4vw,17vh),150px);z-index:2;height:calc(var(--d)*2 + 100px);width:min(100%,var(--d)*3.7);align-self:center;margin:auto 0 0;padding:0;list-style:none;position:relative}.orbs li{text-shadow:0 2px 10px #00000040;flex-direction:column;align-items:center;gap:12px;font-size:16px;font-weight:700;animation:7s ease-in-out infinite ngambang;display:flex;position:absolute}.orbs .orb-bukusaku{left:0;top:calc(50% - var(--d)/2 - 18px)}.orbs .orb-ruangbk{animation-name:ngambang-x;animation-delay:-2.3s;top:0;left:50%}.orbs .orb-eksis{right:0;top:calc(50% - var(--d)/2 - 18px);animation-delay:-5.8s}.orbs .orb-spark{animation-name:ngambang-x;animation-delay:-4.6s;bottom:0;left:50%}@keyframes ngambang-x{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}}.hero{color:#fff;background:radial-gradient(700px 420px at 100% 30%,#e8163480,#0000 65%),linear-gradient(112deg,#151a3b 0%,#2b1538 34%,#5c1236 58%,#a20f2e 82%,#d3122b 100%);position:relative;overflow:hidden}.hero-in{z-index:2;width:min(var(--wrap),100% - 2*var(--gutter));margin:0 auto;padding:28px 0 0;position:relative}.hero-sm .hero-in{padding-bottom:clamp(44px,5vw,70px)}.hero-lg .hero-in{padding-bottom:118px}.hero-wave{width:100%;height:clamp(36px,6vw,84px);fill:var(--paper);z-index:1;position:absolute;bottom:-1px;left:0;right:0}.hero-deco{pointer-events:none;z-index:0;position:absolute;inset:0}.orbit{border:1px solid #ffffff21;border-radius:50%;position:absolute}.orbit.o1{width:620px;height:620px;top:-38%;right:-6%}.orbit.o2{border-style:dashed;border-color:#ffffff1f;width:440px;height:440px;top:-12%;right:2%}.hero-deco .b1{width:58px;height:58px;top:64%;right:-1%}.hero-deco .b2{opacity:.8;width:44px;height:44px;top:26%;left:50%}.hero-deco .dot{background:#ffffff8c;border-radius:50%;width:9px;height:9px;position:absolute;top:40%;left:45%}.hero-sm .hero-deco .b1,.hero-sm .hero-deco .b2,.hero-sm .hero-deco .dot{display:none}.hero-sm .hero-wave{height:clamp(22px,3.2vw,46px)}.topbar{align-items:center;gap:20px;display:flex}.brand-link{flex:none;margin-right:auto;text-decoration:none}.hero .lockup{--tinggi:40px}.userchip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;padding:5px;display:flex}.userchip .who{color:#fff;align-items:center;gap:10px;min-width:0;padding-right:6px;text-decoration:none;display:flex}.av{width:42px;height:42px;color:var(--merah);background:#fff;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.who-t{min-width:0}.who-t b{white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:14px;line-height:1.25;display:block;overflow:hidden}.who-t small{color:#f6d3db;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:12px;display:block;overflow:hidden}.userchip form{margin:0}.btn-keluar{color:#fff;background:#ffffff24;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.btn-keluar:hover{color:var(--merah);background:#fff}.greet{justify-content:space-between;align-items:flex-end;gap:28px;margin-top:clamp(36px,6vh,64px);display:flex}.greet .hi{color:var(--pink);margin:0 0 6px;font-size:18px;font-weight:700}.greet h1{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(32px,3.6vw,54px);font-weight:800;line-height:1.08}.greet .lead{color:#f1dbe1;margin:0;font-size:17px}.clock{text-align:right;flex:none}.clock b{letter-spacing:-.035em;font-size:clamp(48px,5.4vw,82px);font-weight:800;line-height:.95;display:block}.clock small{color:#f6dbe1;margin-top:8px;font-size:17px;display:block}.wrap{width:min(var(--wrap),100% - 2*var(--gutter));margin:0 auto;padding:28px 0 36px}.apps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:-14px;padding-top:44px;display:grid}.app{--soft:#f1f2f6;--ink-a:var(--ink);--btn:var(--ink);box-shadow:var(--shadow);background:#fff;border:1px solid #eef0f4;border-radius:26px;flex-direction:column;gap:14px;padding:76px 30px 30px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.app:hover{transform:translateY(-4px);box-shadow:0 2px 4px #151a2d0f,0 34px 60px -30px #151a2d73}.app>.sphere{--d:112px;position:absolute;top:-56px;left:30px}.app>.sphere .sphere-ring{left:-12%;right:-34%}.role-badge{background:var(--soft);max-width:calc(100% - 180px);color:var(--ink-a);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;position:absolute;top:26px;right:26px;overflow:hidden}.app h2{letter-spacing:-.02em;color:#141938;margin:0;font-size:27px;font-weight:800}.app p{color:var(--ink-soft);margin:0;font-size:15.5px;line-height:1.6}.app p.tagline{flex-grow:1}.feats{flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.feats li{background:var(--soft);color:var(--ink-a);border-radius:999px;padding:5px 12px;font-size:13.5px;font-weight:700}.open{background:var(--btn);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:10px;height:56px;margin-top:auto;font-size:17px;font-weight:700;text-decoration:none;transition:box-shadow .15s;display:flex}.open:after{content:"";border-radius:inherit;position:absolute;inset:0}.app .open{border-radius:999px}.app .open:after{border-radius:26px}.app:hover .open{box-shadow:inset 0 0 0 100px #ffffff17}a.sphere{cursor:pointer;-webkit-tap-highlight-color:transparent}.open svg{transition:transform .2s}.app:hover .open svg{transform:translate(4px)}.app.a-bukusaku{--soft:var(--bsd-soft);--ink-a:var(--bsd-ink);--btn:var(--bsd-tua)}.app.a-spark{--soft:var(--spark-soft);--ink-a:var(--spark-ink);--btn:var(--spark-tua)}.app.a-ruangbk{--soft:var(--rbk-soft);--ink-a:var(--rbk-ink);--btn:var(--rbk-tua)}.app.a-eksis{--soft:var(--eks-soft);--ink-a:var(--eks-ink);--btn:var(--eks-tua)}.apps.apps-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.apps-4 .app{padding:76px 24px 26px}.apps-4 .app>.sphere{left:24px}.apps-4 .role-badge{max-width:calc(100% - 160px);right:20px}.app.soon{opacity:.75}.app.soon:hover{transform:none}.app.soon .open{cursor:default;background:#9aa3b5}.app .note{font-size:13px}.empty{box-shadow:var(--shadow);color:var(--ink-soft);background:#fff;border-radius:22px;margin-top:20px;padding:24px}.label{letter-spacing:.12em;text-transform:uppercase;color:#525b72;margin:48px 0 16px;font-size:14px;font-weight:700}.tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.tile{color:#141938;white-space:nowrap;background:#fff;border:1px solid #e7e9ef;border-radius:16px;align-items:center;gap:12px;height:68px;padding:0 18px;font-size:15.5px;font-weight:700;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #151a2d0a}.tile svg{color:var(--merah);flex:none}.tile:hover{border-color:#f2b9c3;transform:translateY(-2px);box-shadow:0 14px 26px -18px #d3122b80}.foot{text-align:center;color:#8a92a5;margin-top:36px;font-size:12.5px}.foot b{color:#5b6378}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.alert{border:1px solid;border-radius:14px;margin-bottom:18px;padding:12px 14px;font-size:14px;line-height:1.5}.alert.err{color:#8a1426;background:#fdecee;border-color:#f6c9d0}.alert.ok{color:#1d5c3e;background:#e7f5ee;border-color:#c5e6d4}.field-err{color:#b42318;margin-top:7px;font-size:13px;font-weight:600;display:block}.toast-stack{z-index:80;gap:10px;max-width:min(420px,100vw - 36px);display:grid;position:fixed;bottom:18px;right:18px}.toast{background:var(--ink);color:#fff;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;animation:.25s both toastIn;display:flex;box-shadow:0 18px 40px -16px #0000008c}.toast.err{background:#7a1420}.toast button{color:#fff;opacity:.7;background:0 0;border:0;margin-left:auto;font-size:18px;line-height:1}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}}.subnav{flex-wrap:wrap;gap:6px;margin:-6px 0 22px;display:flex}.subnav a{color:var(--ink-soft);border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:700;text-decoration:none}.subnav a:hover{color:var(--merah);border-color:#f2b9c3}.subnav a.on{background:var(--merah);border-color:var(--merah);color:#fff}.page-h{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin:6px 0 18px;display:flex}.page-h h1{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.page-h p{color:var(--ink-soft);margin:4px 0 0;font-size:14px}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:20px}.card+.card{margin-top:16px}.card h2{letter-spacing:-.01em;margin:0 0 12px;font-size:17px;font-weight:800}.muted{color:var(--ink-soft);font-size:13px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar .grow{flex:1;min-width:200px}.inp,.sel{border:1.5px solid var(--line);height:42px;font:inherit;color:var(--ink);background:#fff;border-radius:12px;width:100%;padding:0 12px;font-size:14px}.inp.area{resize:vertical;height:auto;min-height:84px;padding:10px 12px;line-height:1.5}.linkish{font:inherit;color:var(--merah);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.inp:focus,.sel:focus{border-color:var(--merah);outline:none;box-shadow:0 0 0 4px #d3122b1a}.sel{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:34px}.btn{height:42px;font:inherit;white-space:nowrap;cursor:pointer;border:1.5px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:13.5px;font-weight:700;text-decoration:none;transition:filter .15s,background .15s,border-color .15s;display:inline-flex}.btn.pri{background:var(--ink);color:#fff}.btn.pri:hover{filter:brightness(1.2)}.btn.acc{background:var(--merah);color:#fff}.btn.sec{border-color:var(--line);color:var(--ink);background:#fff}.btn.sec:hover{border-color:var(--merah)}.btn.sm{border-radius:9px;height:32px;padding:0 11px;font-size:12.5px}.btn.danger{color:#b42318;background:#fff;border-color:#f3c9c9}.btn:disabled{opacity:.5;cursor:not-allowed}.grid-form{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:end;gap:12px;display:grid}.grid-form label{color:#2d3748;margin-bottom:5px;font-size:12.5px;font-weight:600;display:block}.check{align-items:center;gap:8px;margin:10px 0;font-size:13px;display:flex}.table-wrap{border:1px solid var(--line);border-radius:14px;overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:13.5px}table.data th{text-align:left;color:var(--ink-soft);white-space:nowrap;border-bottom:1px solid var(--line);background:#f7f8fb;padding:10px 12px;font-size:12.5px;font-weight:700}table.data td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 12px}table.data tr:last-child td{border-bottom:0}table.data tbody tr:hover td{background:#fafbfd}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.badge{color:#2d3748;white-space:nowrap;background:#eef1f6;border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.badge.ok{color:#1f7a53;background:#e3f4ea}.badge.warn{color:#8a5a12;background:#fbefd6}.badge.off{color:#a82a2a;background:#f6e3e3}.badge.bsd{background:var(--bsd-soft);color:var(--bsd-ink)}.badge.spark{background:var(--spark-soft);color:var(--spark-ink)}.badge.rbk{background:var(--rbk-soft);color:var(--rbk-ink)}.badge.eks{background:var(--eks-soft);color:var(--eks-ink)}.badge.portal{color:var(--merah-tua);background:#fde7eb}.pager{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:13px;display:flex}.pager .pg{flex-wrap:wrap;gap:4px;display:flex}.pager a,.pager span.cur{border:1px solid var(--line);min-width:32px;height:32px;color:var(--ink);background:#fff;border-radius:9px;justify-content:center;align-items:center;padding:0 9px;text-decoration:none;display:inline-flex}.pager span.cur{background:var(--ink);color:#fff;border-color:var(--ink)}.stats-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px 16px}.stat b{letter-spacing:-.02em;font-size:24px;font-weight:800;display:block}.stat span{color:var(--ink-soft);font-size:12.5px}dialog.modal{border:0;border-radius:20px;width:min(560px,100vw - 32px);padding:0;box-shadow:0 30px 80px -20px #00000080}dialog.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#161b3d80}dialog.modal form{padding:22px}dialog.modal h3{margin:0 0 14px;font-size:18px;font-weight:800}.modal-act{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.wali-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.wali-grid label{color:var(--ink-soft);margin-bottom:5px;font-size:12.5px;font-weight:700;display:block}.wali-grid .is-dirty{border-color:var(--bsd-tua);box-shadow:0 0 0 3px #b3580d26}.center-page{background:radial-gradient(800px 500px at 100% 100%,#e8163480,#0000 60%),linear-gradient(155deg,#2a1131 0%,#4b1131 32%,#7e0f30 62%,#c3112d 100%);place-items:center;min-height:100dvh;padding:28px 16px;display:grid}.card-login{background:#fff;border-radius:26px;width:100%;max-width:460px;padding:32px 30px 26px;box-shadow:0 30px 60px -30px #0009}.card-login .lockup{--tinggi:34px;margin-bottom:22px}.card-login h2{letter-spacing:-.02em;color:#141938;margin:0 0 8px;font-size:25px;font-weight:800}.card-login p.hint{color:var(--ink-soft);margin:0 0 20px;font-size:14.5px;line-height:1.6}.field{margin-bottom:14px}.field label{letter-spacing:.05em;text-transform:uppercase;color:#30364a;margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.input{position:relative}.input>svg{color:#8b92a3;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input input{background:#f4f5f8;border:0;border-bottom:2px solid #d3122bbf;border-radius:10px 10px 2px 2px;width:100%;height:52px;padding:0 46px;font-family:inherit;font-size:15.5px;transition:all .15s}.input input:focus{background:#fff;outline:none;box-shadow:0 10px 24px -14px #d3122b73,0 0 0 1px #eceef3}.input .eye{color:#8b92a3;background:0 0;border:0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.btn-login{color:#fff;background:linear-gradient(135deg,#e5193a,#a10d2c);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;height:54px;margin-top:10px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .15s,filter .15s;display:flex;box-shadow:0 18px 30px -16px #d3122bbf}.btn-login:hover{filter:brightness(1.08);transform:translateY(-1px)}.below{color:var(--ink-soft);justify-content:space-between;gap:10px;margin-top:16px;font-size:13px;display:flex}.below a{color:var(--merah);font-weight:700;text-decoration:none}@media (width<=1180px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.apps{gap:22px}.app{padding:72px 24px 26px}.app>.sphere{left:24px}.role-badge{right:20px}}@media (width<=1320px){.apps.apps-4{grid-template-columns:1fr 1fr;row-gap:64px}}@media (width<=1060px){.login{grid-template-columns:1fr}.login-hero{padding:22px var(--gutter) 70px;order:-1;min-height:0}.wave-side,.hero-nav a:not(.hero-brand),.hero-wm,.login-hero .bubble{display:none}.hero-nav a.hero-brand{display:block}.hero-nav{justify-content:flex-start}.hero-brand .lockup{--tinggi:34px;border-radius:16px;padding:10px 18px}.wave-bottom{fill:#fff;z-index:1;width:100%;height:46px;display:block;position:absolute;bottom:-1px;left:0;right:0}.hero-copy{margin-top:16px}.orbs{--d:84px;justify-content:space-around;align-self:stretch;align-items:flex-start;width:auto;height:auto;margin-top:26px;display:flex}.orbs li{text-align:center;max-width:120px;font-size:13.5px;line-height:1.25;animation:none;position:static}.login-side{padding:8px var(--gutter) 28px}.login-brand{display:none}.login-main{justify-content:flex-start;padding:26px 0 30px}.login-form{max-width:480px;margin:0 auto}.login-foot{text-align:center}.apps{grid-template-columns:1fr 1fr;row-gap:64px}}@media (width<=1060px) and (width>=641px){.login-hero{grid-template-columns:1fr auto;align-items:start;column-gap:24px;display:grid}.hero-nav{grid-column:1/-1}.login-hero .hero-copy{grid-column:1}.login-hero .orbs{grid-column:2;gap:10px;margin-top:16px}}@media (width<=900px){.greet{flex-direction:column;align-items:flex-start;gap:14px}.clock{text-align:left;align-items:baseline;gap:12px;display:flex}.clock b{font-size:40px}.clock small{margin:0;font-size:14.5px}}@media (width<=720px){.apps,.apps.apps-4{grid-template-columns:1fr;row-gap:64px}.tiles{grid-template-columns:1fr 1fr;gap:12px}.tile{white-space:normal;gap:10px;min-width:0;height:58px;padding:0 14px;font-size:14.5px;line-height:1.2}.who-t{display:none}.userchip .who{padding-right:0}.topbar{gap:10px}.hero .lockup{--tinggi:28px;border-radius:14px;gap:10px;padding:9px 14px}.hero-lg .hero-in{padding-bottom:84px}.greet .lead{font-size:15px}.greet .hi{font-size:16px}.app h2{font-size:24px}.app p{font-size:15px}}@media (width<=640px){.login{flex-direction:column;display:flex}.login-hero{padding:14px var(--gutter) 34px;flex:none}.wave-bottom{height:28px}.hero-copy{margin-top:10px}.hero-copy h2{margin:4px 0 0;font-size:clamp(22px,6.6vw,27px);line-height:1.08}.hero-copy h2 br,.hero-copy p{display:none}.orbs{--d:clamp(52px,15vw,62px);grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:14px;display:grid}.orbs li{gap:6px;max-width:none;font-size:12px;line-height:1.2}.login-side{padding:6px var(--gutter) 12px;flex:1 0 auto}.login-main{justify-content:flex-start;padding:clamp(10px,2.6vh,26px) 0 12px}.login-form{margin:0 auto}.login-kicker{margin-bottom:10px;padding:5px 10px 5px 9px;font-size:12px}.login-form h1{margin-bottom:4px;font-size:26px}.login-form .sub{margin-bottom:14px;font-size:13.5px;line-height:1.4}.login-form .alert{margin-bottom:12px;padding:9px 12px;font-size:13.5px}.fld{margin-bottom:12px}.fld label{margin-bottom:6px;font-size:13px}.fld input{height:48px}.btn-masuk{height:50px;margin-top:4px}.login-alt{margin-top:12px;font-size:12.5px}.login-help{margin-top:10px;padding:10px 12px;font-size:13.5px}.login-foot{font-size:12px}.card-login{padding:26px 20px 22px}}@media (width<=640px) and (height<=680px){.eyebrow{display:none!important}.login-form .sub{margin-bottom:10px}.orbs{margin-top:10px}}@media (width<=640px) and (height<=760px){.login-hero{padding:10px var(--gutter) 24px}.wave-bottom{height:20px}.hero-copy{margin-top:8px}.hero-copy h2{font-size:20px}.orbs{--d:46px;margin-top:8px}.orbs li{gap:4px;font-size:11px}.hero-brand .lockup{--tinggi:24px;padding:6px 12px}.login-main{padding:8px 0}.login-form h1{margin-bottom:2px;font-size:23px}.login-form .sub{margin-bottom:10px}.fld{margin-bottom:9px}.fld label{margin-bottom:4px}.fld input{height:44px}.btn-masuk{height:46px}.login-alt{margin-top:8px}.login-foot{font-size:11.5px}.login:has(.login-help:not([hidden]),.login-form .alert:not([hidden])) .login-foot{display:none}}@media (width<=640px){.login:has(.login-help:not([hidden]),.login-form .alert:not([hidden]),.login-kicker) .orbs{display:none}.login:has(.login-help:not([hidden]),.login-form .alert:not([hidden]),.login-kicker) .hero-copy h2{display:none}.login:has(.login-help:not([hidden]),.login-form .alert:not([hidden]),.login-kicker) .login-hero{padding-bottom:22px}}@media (width>=1061px) and (height<=760px){.login-brand .lockup{--tinggi:36px}.login-kicker{margin-bottom:10px}.login-form h1{margin-bottom:4px;font-size:32px}.login-form .sub{margin-bottom:16px;font-size:14.5px}.login-form .alert{margin-bottom:12px;padding:8px 12px;font-size:13px}.fld{margin-bottom:12px}.fld label{margin-bottom:5px;font-size:13.5px}.fld input{height:46px}.btn-masuk{height:46px;margin-top:4px}.login-alt{margin-top:12px}.login-form:has(.alert:not([hidden])) .sub{display:none}}@media (width<=480px){.hero .lockup,.hero-brand .lockup{--tinggi:26px;gap:10px;padding:9px 14px}.hero-brand .lockup{border-radius:14px;padding:8px 14px}.eyebrow{margin-top:12px;display:block}.av,.btn-keluar{width:38px;height:38px}.greet h1{font-size:29px}}.hero-lg .hero-in{padding-top:clamp(12px,2vh,22px);padding-bottom:clamp(44px,6.4vh,72px)}.hero-lg .hero-wave{height:clamp(26px,3.6vw,52px)}.hero-lg .lockup{--tinggi:34px}.hero-lg .lockup.is-card{border-radius:16px;padding:9px 18px}@media (width<=480px){.hero .lockup,.hero-lg .lockup{--tinggi:22px;gap:8px}.hero .lockup.is-card,.hero-lg .lockup.is-card{border-radius:13px;padding:7px 11px}}@media (width<=400px){.hero .lockup,.hero-lg .lockup{--tinggi:18px;gap:6px}.hero .lockup.is-card,.hero-lg .lockup.is-card{border-radius:12px;padding:6px 9px}}.hero-lg .av{width:36px;height:36px;font-size:13px}.hero-lg .btn-keluar{width:34px;height:34px}.hero-lg .greet{align-items:center;margin-top:clamp(10px,2.4vh,28px)}.hero-lg .greet .hi{margin-bottom:2px;font-size:14px}.hero-lg .greet h1{margin:0 0 4px;font-size:clamp(26px,2.5vw,38px)}.hero-lg .greet .lead{font-size:14px}.hero-lg .clock b{font-size:clamp(38px,3.6vw,56px)}.hero-lg .clock small{margin-top:4px;font-size:14px}.beranda{z-index:3;padding:0 0 8px;position:relative}.beranda .apps{gap:18px;margin-top:-30px;padding-top:40px}.beranda .apps.apps-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.beranda .app,.beranda.wrap .apps-4 .app{border-radius:22px;gap:8px;padding:46px 18px 16px}.beranda .app>.sphere,.beranda .apps-4 .app>.sphere{--d:72px;top:-36px;left:20px}.beranda .role-badge,.beranda .apps-4 .role-badge{max-width:calc(100% - 112px);padding:4px 10px;font-size:12px;top:14px;right:16px}.beranda .app h2{font-size:21px}.beranda .app p{font-size:13.5px;line-height:1.5}.beranda .app p.tagline{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex-grow:0;min-height:3em;display:-webkit-box;overflow:hidden}.beranda .feats{gap:4px;margin-top:2px}.beranda .feats li{white-space:nowrap;padding:3px 6px;font-size:11px}.beranda .open{height:40px;font-size:15px}.beranda .app .open:after{border-radius:22px}.beranda .label{margin:clamp(14px,2.6vh,30px) 0 8px;font-size:12px}.beranda .tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.beranda .tile{border-radius:13px;gap:10px;height:46px;padding:0 14px;font-size:14px}.beranda .tile svg{width:19px;height:19px}.extra-line{gap:12px;margin-top:12px;display:flex}.xl-item{color:var(--ink-soft);background:#fff;border:1px solid #e7e9ef;border-radius:13px;flex:1;align-items:center;gap:10px;min-width:0;margin:0;padding:10px 14px;font-size:13px;line-height:1.4;text-decoration:none;display:flex}.xl-item svg{color:var(--merah);flex:none}.xl-item b{color:var(--ink)}a.xl-item:hover{color:var(--ink);border-color:#f2b9c3}.beranda .foot{margin-top:10px;font-size:12px}@media (width>=1200px) and (height>=860px){.hero-lg .hero-in{padding-top:26px;padding-bottom:92px}.hero-lg .greet{margin-top:40px}.hero-lg .greet h1{font-size:clamp(34px,3vw,48px)}.hero-lg .greet .hi,.hero-lg .greet .lead{font-size:16px}.hero-lg .clock b{font-size:clamp(52px,4.4vw,72px)}.hero-lg .clock small{font-size:16px}.beranda .apps{padding-top:52px}.beranda .app,.beranda.wrap .apps-4 .app{gap:12px;padding:60px 24px 22px}.beranda .app>.sphere,.beranda .apps-4 .app>.sphere{--d:92px;top:-46px;left:24px}.beranda .role-badge,.beranda .apps-4 .role-badge{max-width:calc(100% - 136px);font-size:12.5px;top:18px;right:20px}.beranda .app h2{font-size:24px}.beranda .app p{font-size:14.5px}.beranda .app p.tagline{-webkit-line-clamp:3;line-clamp:3;min-height:4.5em}.beranda .feats{gap:6px}.beranda .feats li{padding:4px 10px;font-size:12.5px}.beranda .open{height:48px;font-size:16px}.beranda .label{margin:38px 0 12px;font-size:13px}.beranda .tiles{gap:16px}.beranda .tile{height:58px;font-size:15px}.extra-line{gap:16px;margin-top:16px}.xl-item{padding:14px 18px;font-size:14px}.beranda .foot{margin-top:18px}}@media (width<=999px){.beranda .apps.apps-4,.beranda .apps{grid-template-columns:1fr 1fr;row-gap:54px}.beranda .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.extra-line{flex-direction:column}}@media (width<=720px){.beranda .apps.apps-4,.beranda .apps{grid-template-columns:1fr}.beranda .tiles{grid-template-columns:1fr 1fr}.hero-lg .hero-in{padding-bottom:58px}}@media print{.no-print{display:none!important}body{background:#fff}}.transisi{z-index:1000;color:#fff;opacity:0;transition:opacity var(--dur-2) var(--ease);background:radial-gradient(900px 600px at 100% 100%,#e816348c,#0000 60%),linear-gradient(155deg,#2a1131 0%,#4b1131 32%,#7e0f30 62%,#c3112d 100%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.transisi[hidden]{display:none}.transisi.is-on{opacity:1}.transisi-isi{text-align:center;transition:transform .4s var(--ease);flex-direction:column;align-items:center;gap:6px;display:flex;transform:translateY(10px)scale(.97)}.transisi.is-on .transisi-isi{transform:none}.transisi-ikon{background:#fff;border-radius:50%;place-items:center;width:88px;height:88px;margin-bottom:12px;display:grid;box-shadow:0 24px 44px -18px #0009}.transisi-ikon svg{fill:none;stroke:#1d9a5f;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24px;width:42px;height:42px}.transisi.is-on .transisi-ikon svg{animation:gores .42s .1s var(--ease) forwards}.transisi-ikon.is-logo img{object-fit:contain;width:64%;height:64%}.transisi-judul{letter-spacing:-.02em;margin:0;font-size:clamp(21px,2vw,26px);font-weight:800}.transisi-sub{color:#f3d7de;margin:0;font-size:15.5px}.transisi-sub b{color:#fff;font-weight:700}.transisi-bar{background:#ffffff2e;border-radius:3px;width:160px;height:3px;margin-top:20px;overflow:hidden}.transisi-bar i{border-radius:inherit;width:40%;height:100%;animation:jalan 1.1s var(--ease) infinite;background:#fff;display:block}@keyframes jalan{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes gores{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.transisi-ikon svg{stroke-dashoffset:0}}