@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.8624a701.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e629b5bc06499d58-s.8e66b869.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1a099d89ee94ee96-s.f6ed4c33.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.1bbdebe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.8624a701.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e629b5bc06499d58-s.8e66b869.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1a099d89ee94ee96-s.f6ed4c33.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.1bbdebe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.8624a701.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e629b5bc06499d58-s.8e66b869.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a099d89ee94ee96-s.f6ed4c33.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.1bbdebe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.8624a701.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e629b5bc06499d58-s.8e66b869.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1a099d89ee94ee96-s.f6ed4c33.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.1bbdebe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.8624a701.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e629b5bc06499d58-s.8e66b869.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.f6ed4c33.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.1bbdebe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_beddda0c-module__XXgp5q__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_beddda0c-module__XXgp5q__variable{--font-jakarta:"Plus Jakarta Sans","Plus Jakarta Sans Fallback"}
:root{--navy:#072b6b;--navy-900:#041b44;--deep:#143b90;--blue:#114da5;--blue-500:#2e6fc2;--sky:#69cbf7;--sky-500:#2aa9e8;--lime:#6fbc1d;--lime-500:#8fcb3f;--sentra:#168f45;--navy-800:#05224f;--navy-rgb:7 43 107;--navy-900-rgb:4 27 68;--blue-rgb:17 77 165;--sky-rgb:105 203 247;--lime-rgb:111 188 29;--sorot-muda:#8ecdf9;--latar:#e7edf5;--isi-1:#e8f1fb;--isi-2:#dbeaf8;--isi-3:#e6f2fa;--tint-garis:#cfe1f7;--tint-latar:#f4f8fd;--grafik-muda:#5aa6e8;--bg:#f5f9fd;--surface:#fff;--surface-2:#f7f9fb;--border:#dde6f0;--border-strong:#c3d5e8;--text:#0f1f2e;--text-2:#5b6b78;--text-3:#657280;--label-2:#4a5a68;--on-navy:#fff;--on-navy-2:#c8dcf5;--on-navy-3:#a9c4e6;--danger:#b3261e;--danger-tua:#8f1e18;--danger-bg:#fdf1f0;--danger-line:#f3cfcc;--emerald:#047857;--emerald-tua:#03624a;--erp-merah:#d9412f;--erp-merah-tua:#b32e1f;--pga:#6d3fc0;--pga-tua:#4c2a91;--hris-teks:#114da5;--lims-teks:#047857;--erp-teks:#b32e1f;--pga-teks:#5b32a8;--lain:#33506e;--lain-tua:#22384f;--kosong:#7d8b99;--kosong-teks:#5b6b78;--r-sm:8px;--r:10px;--r-lg:12px;--r-kartu:14px;--shadow:0 1px 2px rgb(var(--navy-rgb)/5%);--shadow-lift:0 8px 24px rgb(var(--navy-rgb)/9%),0 1px 2px rgb(var(--navy-rgb)/5%);--font:var(--font-jakarta),"Plus Jakarta Sans","Segoe UI",system-ui,-apple-system,"Helvetica Neue",sans-serif;--serif:"Instrument Serif",Georgia,"Times New Roman",serif;--t:.17s cubic-bezier(.2,.6,.3,1);--isi-pad-y:36px;--isi-pad-x:52px;--kartu-pad-t:30px;--kartu-pad-x:32px;--kartu-pad-b:28px;--sp:18px;--h1:30px;--h1-gap:9px;--lead:14.5px;--lead-lh:1.66;--halus:12.5px;--halus-lh:1.55;--poin-pad:10px;--ikon-poin:34px;--form-gap:8px;--kolom-gap:6px;--label:13px;--input-h:48px;--btn-h:50px;--apl-gap:12px;--apl-pad-y:13px;--apl-pad-x:13px;--ikon-apl:24px;--apl-nm:14px;--apl-ajak:11px;--apl-tinggi:128px;--kaki-min:52px;--sisi-pad-y:46px;--sisi-pad-x:48px;--sisi-gap:22px;--hp-kertas:#f6f3ee;--hp-kertas-2:#efeae1;--hp-tulang:#e8e2d6;--hp-garis-hangat:#ded8ce;--hp-garis-hangat-2:#cdc5b7;--hp-kertas-rgb:246 243 238;--hp-redup:#3d4b57;--hp-garis-navy:#ffffff1f;--hp-garis-navy-2:#ffffff12;--hp-kurva:cubic-bezier(.22,.61,.36,1);--hp-pelan:.52s;--hp-sedang:.38s;--hp-tekan:.2s}*,:before,:after{box-sizing:border-box}html{background:var(--latar);-webkit-text-size-adjust:100%}@media (display-mode:standalone),(display-mode:fullscreen){html,body{background:var(--navy)}}.pwa-standalone,.pwa-standalone body{background:var(--navy)}@media (display-mode:standalone),(display-mode:fullscreen){html[data-lembar],html[data-lembar] body{background:var(--hp-kertas)}}.pwa-standalone[data-lembar],.pwa-standalone[data-lembar] body{background:var(--hp-kertas)}body{background:var(--latar);color:var(--text);font-family:var(--font);letter-spacing:-.005em;margin:0;font-size:15px;line-height:1.6}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}ul{padding:0;list-style:none}a{color:var(--blue);text-decoration:none}a:hover{color:var(--deep)}button{font:inherit;color:inherit}input{font:inherit}h1,h2,h3,h4{letter-spacing:-.022em;font-weight:700;line-height:1.22}strong,b{font-weight:600}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:3px}::selection{background:var(--tint-garis);color:var(--navy)}[hidden]{display:none!important}.ic{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.ic.sm{width:17px;height:17px}.ic.lg{width:24px;height:24px}.num{font-variant-numeric:tabular-nums}.logo-portal{object-fit:contain;flex:none;width:auto;max-width:180px;height:46px;display:block}.logo-portal.bawaan{aspect-ratio:1;background:radial-gradient(circle closest-side,#fff 84%,#0000 85%)}.ph{color:var(--text-3);border-bottom:1px dashed var(--border-strong)}.sisi .ph{color:var(--on-navy-2);border-bottom-color:#ffffff4d}.bingkai{min-height:100svh}.panggung{background:var(--surface);width:100%;height:100svh;min-height:580px;position:relative;overflow:hidden;container:panggung/inline-size}@media (display-mode:standalone){html,body{height:100%}.bingkai{height:100%;min-height:0}.panggung{height:100%}}.pwa-standalone,.pwa-standalone body{height:100%}.pwa-standalone .bingkai{height:100%;min-height:0}.pwa-standalone .panggung{height:100%}.gerbang{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);height:100%;display:grid}.sisi{background:linear-gradient(#ffffff0a 1px,transparent 1px)0 0/36px 36px,linear-gradient(90deg,#ffffff0a 1px,transparent 1px)0 0/36px 36px,radial-gradient(115% 85% at 88% 4%,rgb(var(--sky-rgb)/20%),transparent 58%),linear-gradient(158deg,var(--navy)8%,var(--deep)96%);color:var(--on-navy);padding:var(--sisi-pad-y)var(--sisi-pad-x)calc(var(--sisi-pad-y) - 6px);gap:var(--sisi-gap);flex-direction:column;display:flex;position:relative;overflow:hidden}.sisi>*{z-index:1;position:relative}.sisi-kepala{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.sisi-merek{border-left:1px solid #ffffff38;flex-direction:column;padding-left:14px;line-height:1.15;display:flex}.sisi-merek b{letter-spacing:-.01em;font-size:17px;font-weight:700}.sisi-merek span{letter-spacing:.13em;text-transform:uppercase;color:var(--on-navy-2);font-size:10.5px;font-weight:600}.sisi h2{color:#fff;max-width:15ch;font-size:clamp(23px,2.5vw,32px)}.sisi h2 em{color:var(--sky);font-style:normal}.sisi-lead{color:var(--on-navy-2);max-width:44ch;font-size:14.5px;line-height:1.65}.sisi-blok{margin-top:auto}.sisi-apl{flex-direction:column;gap:2px;display:flex}.sisi-apl-judul{letter-spacing:.13em;text-transform:uppercase;color:var(--on-navy-3);margin-bottom:8px;font-size:10.5px;font-weight:600}.sisi-apl li{align-items:center;gap:13px;padding:11px 0;display:flex}.sisi-apl li+li{border-top:1px solid #ffffff1f}.sisi-apl .nm{font-size:14px;font-weight:600;display:block}.sisi-apl .kt{color:var(--on-navy-2);font-size:12.5px;line-height:1.45;display:block}.sisi-lagi{color:var(--on-navy-2);border-top:1px solid #ffffff1f;align-items:center;gap:11px;margin-top:10px;padding-top:11px;font-size:12.5px;line-height:1.45;display:flex}.sisi-lagi .ic{width:18px;height:18px;color:var(--on-navy-3)}.sisi-kaki{color:var(--on-navy-3);border-top:1px solid #ffffff1f;flex-wrap:wrap;gap:4px 14px;padding-top:14px;font-size:12px;display:flex}.isi{padding:var(--isi-pad-y)var(--isi-pad-x);background:linear-gradient(rgb(var(--navy-rgb)/4%)1px,transparent 1px)0 0/36px 36px,linear-gradient(90deg,rgb(var(--navy-rgb)/4%)1px,transparent 1px)0 0/36px 36px,linear-gradient(158deg,var(--isi-1)4%,var(--isi-2)54%,var(--isi-3)100%);justify-content:center;align-items:center;display:flex;position:relative}@media (min-width:900px){[data-latar] .isi{background:linear-gradient(rgb(var(--navy-rgb)/4%)1px,transparent 1px)0 0/36px 36px,linear-gradient(90deg,rgb(var(--navy-rgb)/4%)1px,transparent 1px)0 0/36px 36px,var(--latar-isi)center/cover no-repeat,linear-gradient(158deg,var(--isi-1)4%,var(--isi-2)54%,var(--isi-3)100%)}}.isi:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#ffffff0a 1px,transparent 1px)0 0/36px 36px,linear-gradient(90deg,#ffffff0a 1px,transparent 1px)0 0/36px 36px,radial-gradient(98% 85% at -10.2% 4%,rgb(var(--sky-rgb)/20%),transparent 58%),linear-gradient(180deg,color-mix(in srgb,var(--deep)20%,var(--navy)),var(--deep));position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0,#000000b8 74px,#00000057 156px,#00000014 217px,#0000 252px);mask-image:linear-gradient(90deg,#000 0,#000000b8 74px,#00000057 156px,#00000014 217px,#0000 252px)}.dekor{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.gumpal{will-change:transform;display:block;position:absolute}.gumpal i{filter:blur(58px);border-radius:50%;width:100%;height:100%;display:block}.g1{width:340px;height:340px;animation:17s ease-in-out infinite apung-a;top:-90px;right:-70px}.g1 i{background:rgb(var(--sky-rgb)/58%)}.g2{width:270px;height:270px;animation:23s ease-in-out infinite apung-b;bottom:-60px;left:-50px}.g2 i{background:rgb(var(--lime-rgb)/20%)}.g3{width:300px;height:300px;animation:29s ease-in-out infinite reverse apung-a;bottom:14%;right:-90px}.g3 i{background:#2e6fc23d}@keyframes apung-a{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-14px,-30px)scale(1.07)}}@keyframes apung-b{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(20px,-22px)scale(1.05)}}.kartu-bungkus{z-index:1;flex-direction:column;width:min(506px,100%);max-height:100%;display:flex;position:relative}[data-banyak] .isi[data-tahap=pilih] .kartu-bungkus{width:min(640px,100%)}.kartu-halo{z-index:0;background:linear-gradient(150deg,rgb(var(--sky-rgb)/55%),rgb(var(--blue-rgb)/20%)52%,rgb(var(--lime-rgb)/34%));filter:blur(26px);border-radius:34px;position:absolute;inset:-16px -14px -22px}.kartu{z-index:1;background:var(--surface);min-height:0;padding:var(--kartu-pad-t)var(--kartu-pad-x)var(--kartu-pad-b);box-shadow:0 34px 70px -26px rgb(var(--navy-rgb)/42%),0 10px 24px -14px rgb(var(--navy-rgb)/22%),0 1px 2px rgb(var(--navy-rgb)/6%);border:1px solid #ffffffb3;border-radius:22px;flex-direction:column;flex:0 auto;animation:.62s cubic-bezier(.2,.6,.3,1) both kartu-masuk;display:flex;position:relative;overflow:hidden}@keyframes kartu-masuk{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}.lembar-tumpuk{z-index:0;box-shadow:0 26px 54px -30px rgb(var(--navy-rgb)/42%),0 1px 2px rgb(var(--navy-rgb)/6%);background:#fbfdff;border:1px solid #ffffffd9;border-radius:22px;position:absolute;inset:0}.lt-1{transform:translate(-26px,-30px)rotate(-4deg)}.lt-2{transform:translate(28px,30px)rotate(3.5deg)}.kartu-hias-lapis{z-index:1;pointer-events:none;position:absolute;inset:0}.kartu-hias{background:var(--surface);box-shadow:0 30px 60px -30px rgb(var(--navy-rgb)/40%),0 8px 18px -12px rgb(var(--navy-rgb)/16%);border:1px solid #e3ebf4;border-radius:18px;padding:20px 22px;position:absolute}.kh-aktivitas{width:300px;top:max(20px,50% - 414px);left:calc(50% + 77px)}.kh-status{width:296px;bottom:max(20px,50% - 426px);left:max(16px,50% - 349px)}[data-banyak] .isi[data-tahap=pilih] .kh-aktivitas{left:calc(50% + 144px)}[data-banyak] .isi[data-tahap=pilih] .kh-status{left:max(16px,50% - 416px)}.kh-kepala{justify-content:space-between;align-items:center;gap:10px;display:flex}.kh-label{letter-spacing:.12em;text-transform:uppercase;color:var(--label-2);white-space:nowrap;align-items:center;gap:8px;font-size:10.5px;font-weight:700;display:flex}.kh-label .ic{width:15px;height:15px;color:var(--blue);stroke-width:2px}.kh-tren{color:#2f8a3c;align-items:center;gap:4px;font-size:11.5px;font-weight:700;display:inline-flex}.kh-tren .ic{stroke-width:2.2px;width:13px;height:13px}.kh-besar{color:var(--navy);letter-spacing:-.01em;margin-top:10px;font-size:26px;font-weight:800;line-height:1.1}.kh-bar{border-bottom:1px solid #e3ebf4;align-items:flex-end;gap:7px;height:72px;margin-top:16px;padding-bottom:1px;display:flex}.kh-bar i{background:linear-gradient(180deg,var(--grafik-muda),var(--blue-500));border-radius:4px 4px 0 0;flex:1;display:block}.kh-sumbu{color:var(--text-3);justify-content:space-between;margin-top:7px;font-size:10px;display:flex}.kh-cincin-baris{align-items:center;gap:20px;margin-top:14px;display:flex}.kh-cincin{background:conic-gradient(var(--blue)0 56%,var(--lime)56% 80%,#dfe7f0 80% 100%);border-radius:50%;flex:none;place-items:center;width:92px;height:92px;display:grid;position:relative}.kh-cincin:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:11px}.kh-cincin b{color:var(--navy);font-size:17px;font-weight:800;position:relative}.kh-legenda{flex-direction:column;flex:1;gap:10px;display:flex}.kh-legenda>span{color:var(--text-2);align-items:center;gap:8px;font-size:11.5px;display:flex}.kh-legenda b{color:var(--blue);margin-left:auto;font-size:11.5px;font-weight:700}.kh-legenda b.kh-merah{color:var(--danger)}.kh-titik{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.kh-biru{background:var(--blue)}.kh-limau{background:var(--lime)}.kh-abu{background:#c7d3e0}@media (max-width:1180px){.kartu-hias-lapis{display:none}}@media (max-width:899px){.lembar-tumpuk{display:none}}.ikon{--m:var(--blue);--ikon-ukuran:36px;width:var(--ikon-ukuran);height:var(--ikon-ukuran);color:var(--m);transition:color var(--t),transform var(--t);flex:none;place-items:center;display:grid}.ikon .ic{stroke-width:2.1px;width:100%;height:100%}.ikon[data-warna=lims]{--m:var(--emerald)}.ikon[data-warna=erp]{--m:var(--erp-merah)}.ikon[data-warna=pga]{--m:var(--pga)}.ikon[data-warna=lain]{--m:var(--lain)}.ikon[data-warna=kosong]{--m:var(--kosong)}.sisi-apl .ikon{--ikon-ukuran:32px}.poin .ikon{--ikon-ukuran:var(--ikon-poin)}.kartu-apl .ikon{--ikon-ukuran:var(--ikon-apl)}.sisi .ikon{--m:var(--sorot-muda)}.sisi .ikon[data-warna=lims]{--m:#7ff0c4}.sisi .ikon[data-warna=erp]{--m:#ffb3a6}.sisi .ikon[data-warna=pga]{--m:#d2c1ff}.sisi .ikon[data-warna=lain],.sisi .ikon[data-warna=kosong]{--m:#9fbde0}.tahap{gap:var(--sp);flex-direction:column;flex:auto;min-height:0;display:flex}.tahap-kepala{gap:var(--sp);flex-direction:column;flex:none;display:flex}.tahap-badan{gap:var(--sp);flex-direction:column;flex:auto;min-height:0;display:flex}@keyframes naik-halus{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.tahap.baru .tahap-kepala>*,.tahap.baru .tahap-badan>*{animation:.46s cubic-bezier(.2,.6,.3,1) both naik-halus}.tahap.baru .tahap-kepala>:first-child{animation-delay:30ms}.tahap.baru .tahap-kepala>:nth-child(2){animation-delay:.1s}.tahap.baru .tahap-kepala>:nth-child(n+3),.tahap.baru .tahap-badan>:first-child{animation-delay:.17s}.tahap.baru .tahap-badan>:nth-child(2){animation-delay:.24s}.tahap.baru .tahap-badan>:nth-child(n+3){animation-delay:.31s}#tahap-intro.baru .tahap-badan>:first-child{animation-delay:.1s}#tahap-intro.baru .tahap-badan>:nth-child(2){animation-delay:.17s}#tahap-intro.baru .tahap-badan>:nth-child(n+3){animation-delay:.24s}.kepala-tahap{flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--blue);align-items:center;gap:8px;font-size:11px;font-weight:700;line-height:1.4;display:inline-flex}.eyebrow:before{content:"";background:var(--lime);border-radius:2px;flex:none;width:20px;height:2px}.tahap h1{font-size:var(--h1)}.tahap h1+p{margin-top:var(--h1-gap)}.lead{color:var(--text-2);font-size:var(--lead);line-height:var(--lead-lh)}.halus{font-size:var(--halus);color:var(--text-3);line-height:var(--halus-lh)}.halus a,.status-buka a{text-underline-offset:2px;overflow-wrap:anywhere;text-decoration:underline}.poin{flex-direction:column;flex:none;gap:2px;display:flex}.poin li{padding:var(--poin-pad)0;border-top:1px solid var(--border);align-items:center;gap:13px;display:flex}.poin li:first-child{border-top:0;padding-top:0}.poin b{color:var(--text);font-size:14px;font-weight:600;line-height:1.45;display:block}.poin li>span>span{color:var(--text-2);font-size:12px;line-height:1.4;display:block}.btn{min-height:var(--btn-h);border-radius:var(--r);cursor:pointer;background:var(--blue);color:#fff;border:1px solid var(--blue);letter-spacing:-.005em;transition:background var(--t),border-color var(--t),transform .11s ease,box-shadow var(--t);box-shadow:0 8px 18px -10px rgb(var(--blue-rgb)/80%);justify-content:center;align-items:center;gap:9px;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex}.btn:hover{background:var(--deep);border-color:var(--deep);color:#fff}.btn:active{transform:translateY(1px)}.btn[disabled]{background:var(--blue-500);border-color:var(--blue-500);cursor:progress}.btn-blok{width:100%}.btn-hantu{color:var(--text);border-color:var(--border-strong);box-shadow:none;background:0 0}.btn-hantu:hover{background:var(--surface-2);border-color:var(--text-3);color:var(--text)}.btn-bahaya{background:var(--danger);border-color:var(--danger);color:#fff;box-shadow:none}.btn-bahaya:hover{background:var(--danger-tua);border-color:var(--danger-tua);color:#fff}.btn-kecil{border-radius:var(--r-sm);min-height:44px;padding:0 14px;font-size:13.5px}.btn-utama{isolation:isolate;position:relative;overflow:hidden}.btn-utama:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000,#fff6,#0000);width:42%;animation:3.4s ease-in-out paused kilau;position:absolute;inset:0 auto 0 0;transform:translate(-140%)skew(-18deg)}@keyframes kilau{0%{transform:translate(-140%)skew(-18deg)}35%,to{transform:translate(250%)skew(-18deg)}}@media (hover:hover) and (pointer:fine){.btn-utama:hover:after{animation-iteration-count:infinite;animation-play-state:running}}.tautan-balik{border-radius:var(--r-sm);cursor:pointer;min-height:44px;color:var(--text-2);transition:background var(--t),border-color var(--t),color var(--t);background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:0 12px 0 8px;font-size:13.5px;font-weight:600;display:inline-flex}.tautan-balik:hover{background:var(--surface-2);border-color:var(--border);color:var(--text)}.tautan-samar{cursor:pointer;min-height:44px;color:var(--blue);text-decoration:underline;-webkit-text-decoration-color:rgb(var(--blue-rgb)/32%);text-decoration-color:rgb(var(--blue-rgb)/32%);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13.5px;font-weight:600}.tautan-samar:hover{color:var(--deep);text-decoration-color:currentColor}.tautan-samar[disabled]{color:var(--text-3);cursor:default;text-decoration-color:#0000}.tautan-kecil{font-size:12.5px}.tautan-lupa{white-space:nowrap;color:var(--text-2);font-size:13.5px;font-weight:600}.tahap-badan .tautan-lupa{font-size:13px}.form{gap:var(--form-gap);flex-direction:column;flex:none;display:flex}.kolom{flex-direction:column;gap:0;display:flex;position:relative}.kolom label{font-size:var(--label);color:var(--text);margin-bottom:var(--kolom-gap);font-weight:600;line-height:1.35}.kolom input{width:100%;min-height:var(--input-h);border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface);color:var(--text);transition:border-color var(--t),box-shadow var(--t);padding:10px 14px;font-size:15px}.kolom input::placeholder{color:#8a98a6}.kolom input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgb(var(--blue-rgb)/14%);outline:none}.kolom.ada-sandi input{padding-right:52px}.kolom.galat input{border-color:var(--danger);background:var(--danger-bg)}.kolom.galat input:focus{box-shadow:0 0 0 3px #b3261e21}.pesan{min-height:17px;color:var(--danger);align-items:flex-start;gap:6px;margin-top:2px;font-size:12px;line-height:1.35;display:flex}.pesan .ic{width:14px;height:14px;margin-top:1px}.pesan-info{color:var(--blue)}.mata{right:4px;bottom:calc(19px + (var(--input-h) - 44px)/2);border-radius:var(--r-sm);width:44px;height:44px;color:var(--text-3);cursor:pointer;transition:color var(--t),background var(--t);background:0 0;border:0;place-items:center;display:grid;position:absolute}.mata:hover{color:var(--blue);background:var(--surface-2)}.kolom-tanpa-pesan .mata{bottom:calc((var(--input-h) - 44px)/2)}.baris{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 14px;display:flex}.centang{cursor:pointer;min-height:44px;color:var(--text-2);align-items:center;gap:9px;font-size:13.5px;display:inline-flex}.catatan-ingat{color:var(--text-3);margin-top:-6px;font-size:12px;line-height:1.45}.centang input{width:18px;height:18px;accent-color:var(--blue);cursor:pointer}.putar{border:2px solid #ffffff61;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite berputar}@keyframes berputar{to{transform:rotate(360deg)}}.kepala-akun{flex-wrap:wrap;flex:none;align-items:center;gap:10px;display:flex}.chip{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;align-items:center;gap:9px;margin-right:auto;padding:4px 14px 4px 4px;display:inline-flex}.avatar{background:var(--navy);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.chip-nama{font-size:13.5px;font-weight:600;line-height:1.3;display:block}.chip-sub{color:var(--text-3);font-size:11.5px;line-height:1.3;display:block}.chip-teks{text-align:left;min-width:0;display:block}.chip-teks .chip-nama,.chip-teks .chip-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kepala-akun{z-index:5}.profil{min-width:0;margin-right:auto;position:relative}.chip-tombol{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;max-width:100%;transition:border-color var(--t),background var(--t),transform .16s var(--t),box-shadow var(--t)}.chip-tombol:active{transform:scale(.98)}.chip-panah{transition:transform .24s cubic-bezier(.2,.8,.3,1)}.chip-tombol[aria-expanded=true] .chip-panah{transform:rotate(180deg)}.chip-tombol:hover{border-color:var(--border-strong);background:#eef3f8}.chip-tombol .ic{color:var(--text-3);margin-left:2px}.chip-tombol[aria-expanded=true]{border-color:var(--blue)}.avatar-foto{object-fit:cover;padding:0}.chip-tombol .avatar-kosong .ic,.avatar-kosong .ic{color:inherit;width:60%;height:60%;margin:0}@keyframes menu-buka{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:none}}@keyframes menu-tutup{to{opacity:0;transform:translateY(-4px)scale(.97)}}.menu-profil{z-index:12;background:var(--surface);border:1px solid var(--border);min-width:232px;box-shadow:0 22px 44px -20px rgb(var(--navy-900-rgb)/45%),0 3px 10px rgb(var(--navy-rgb)/8%);transform-origin:24px 0;border-radius:16px;flex-direction:column;gap:2px;padding:8px;animation:.19s cubic-bezier(.2,.8,.3,1) both menu-buka;display:flex;position:absolute;top:calc(100% + 8px);left:0}.menu-profil[data-tutup]{pointer-events:none;animation:.14s cubic-bezier(.4,0,1,1) both menu-tutup}.menu-butir{width:100%;color:var(--text);text-align:left;cursor:pointer;transition:background var(--t),color var(--t),transform .12s var(--t);background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;padding:8px 10px;font-size:13.5px;font-weight:600;display:flex}.menu-butir .ic{box-sizing:content-box;background:var(--tint-latar);width:16px;height:16px;color:var(--blue);transition:background var(--t),color var(--t);border-radius:9px;flex:none;padding:7px}.menu-butir:hover{background:var(--tint-latar);color:var(--blue)}.menu-butir:hover .ic{background:var(--blue);color:#fff}.menu-butir:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.menu-profil,.menu-profil[data-tutup]{animation:none}}.lencana-antre{background:var(--danger);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:19px;height:19px;margin-left:2px;padding:0 6px;font-size:11px;font-weight:800;line-height:1;display:inline-grid}.kartu-apl .lencana-notif{background:var(--danger);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:24px;height:24px;margin-left:auto;padding:0 7px;font-size:12px;font-weight:800;line-height:1;display:inline-grid;box-shadow:0 0 0 2px #ffffffe6}.daftar-bungkus{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex}.daftar-bingkai{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.daftar-gulir{overscroll-behavior:contain;contain:paint;gap:var(--apl-gap);scrollbar-color:#a9bccf #e9eef4;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.daftar-gulir::-webkit-scrollbar{width:11px}.daftar-gulir::-webkit-scrollbar-track{background:#e9eef4;border-radius:99px}.daftar-gulir::-webkit-scrollbar-thumb{background:#a9bccf padding-box content-box;border:3px solid #0000;border-radius:99px}.daftar-apl{gap:var(--apl-gap);flex:none;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.kartu-apl{min-width:0;min-height:var(--apl-tinggi);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-kartu);width:100%;padding:var(--apl-pad-y)var(--apl-pad-x);flex-direction:column;flex:none;justify-content:space-between;gap:10px;display:flex;position:relative}.kartu-apl .atas{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.kartu-apl .ikon{flex:none}.kartu-apl .nm{font-size:var(--apl-nm);letter-spacing:-.012em;color:var(--text);overflow-wrap:anywhere;font-weight:700;line-height:1.3}.kartu-apl .ajak{-webkit-line-clamp:2;font-size:var(--apl-ajak);-webkit-box-orient:vertical;margin-top:4px;padding-right:22px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.kartu-buka{cursor:pointer;border-color:color-mix(in srgb,var(--m)32%,#fff);box-shadow:0 1px 2px rgb(var(--navy-rgb)/7%);transition:border-color var(--t),box-shadow var(--t),background var(--t),transform var(--t)}.kartu-buka .ajak{color:var(--m-teks)}.kartu-buka:hover{border-color:var(--m);background:color-mix(in srgb,var(--m)5%,#fff);box-shadow:0 2px 10px -5px color-mix(in srgb,var(--m)60%,transparent)}.kartu-buka:active{transform:scale(.985)}.kartu-buka:focus-visible{outline-color:var(--m-teks)}.kartu-buka.kartu-hris,.kartu-buka.kartu-lims,.kartu-buka.kartu-erp,.kartu-buka.kartu-pga{background:var(--m-isi,var(--m));box-shadow:0 10px 20px -14px color-mix(in srgb,var(--m-tua)70%,transparent);border-color:#0000}.kartu-buka.kartu-hris .ikon,.kartu-buka.kartu-hris .nm,.kartu-buka.kartu-hris .panah,.kartu-buka.kartu-lims .ikon,.kartu-buka.kartu-lims .nm,.kartu-buka.kartu-lims .panah,.kartu-buka.kartu-erp .ikon,.kartu-buka.kartu-erp .nm,.kartu-buka.kartu-erp .panah,.kartu-buka.kartu-pga .ikon,.kartu-buka.kartu-pga .nm,.kartu-buka.kartu-pga .panah{color:#fff;--m:#fff}.kartu-buka.kartu-hris .ajak,.kartu-buka.kartu-lims .ajak,.kartu-buka.kartu-erp .ajak,.kartu-buka.kartu-pga .ajak{color:#ffffffc7}.kartu-buka.kartu-hris:hover,.kartu-buka.kartu-lims:hover,.kartu-buka.kartu-erp:hover,.kartu-buka.kartu-pga:hover{box-shadow:0 16px 30px -14px color-mix(in srgb,var(--m-tua)78%,transparent)}.kartu-buka.kartu-hris:focus-visible,.kartu-buka.kartu-lims:focus-visible,.kartu-buka.kartu-erp:focus-visible,.kartu-buka.kartu-pga:focus-visible{outline-color:#fff}.panah{color:var(--m);opacity:0;transition:opacity var(--t),transform var(--t);place-items:center;display:grid;position:absolute;bottom:13px;right:13px;transform:translate(-4px)}.kartu-buka:hover .panah{opacity:1;transform:none}.kartu-buka[data-sibuk]{cursor:progress;opacity:.82}.kartu-buka[data-sibuk] .panah{opacity:1;transform:none}.kartu-mati{background:var(--surface-2);border-color:var(--border);cursor:not-allowed}.kartu-mati .ikon{--m:#9aa9b8}.kartu-mati .nm{color:#4c5a67}.kartu-mati .ajak{color:var(--text-2)}.kartu-kosong{background:var(--surface-2);border-style:dashed;border-color:var(--border-strong)}.kartu-kosong .nm{color:var(--kosong-teks);font-weight:600}.kartu-kosong .ajak{color:var(--text-2)}.kartu-hris{--m:var(--blue);--m-tua:var(--navy);--m-teks:var(--hris-teks);--m-isi:var(--blue)}.kartu-lims{--m:var(--emerald);--m-tua:var(--emerald-tua);--m-teks:var(--lims-teks);--m-isi:var(--emerald)}.kartu-erp{--m:var(--erp-merah);--m-tua:var(--erp-merah-tua);--m-teks:var(--erp-teks);--m-isi:#d03e2d}.kartu-pga{--m:var(--pga);--m-tua:var(--pga-tua);--m-teks:var(--pga-teks);--m-isi:var(--pga)}.kartu-lain{--m:var(--lain);--m-tua:var(--lain-tua);--m-teks:var(--lain);--m-isi:var(--lain)}.kartu-kosong{--m:var(--kosong);--m-tua:var(--kosong);--m-teks:var(--kosong-teks)}.tanda{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:4px 8px;min-width:0;margin-left:auto;padding-top:6px;display:flex}.kartu-apl .atas{flex-wrap:nowrap}.kartu-apl .lencana{min-width:0}.kartu-apl .lc-teks{text-overflow:ellipsis;overflow:hidden}.lencana{white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);align-items:center;gap:5px;font-size:9.5px;font-weight:800;line-height:1.3;display:inline-flex}.lencana .ic{stroke-width:2px;width:14px;height:14px}.lencana-kunci{color:var(--text-2)}.lencana-rawat{color:var(--erp-teks)}.lencana-kosong{color:var(--text-2)}.lencana-segera{color:var(--m-teks,var(--text-2))}.status-buka{border:1px solid var(--tint-garis);border-radius:var(--r);background:var(--tint-latar);flex-direction:column;gap:7px;padding:9px 13px;display:flex}.status-buka p{color:var(--text-2);font-size:13px;line-height:1.5}.status-buka b{color:var(--text)}.status-buka .bar{background:#d5e4f6;border-radius:3px;height:3px;overflow:hidden}.status-buka .bar i{transform-origin:0;background:var(--warna-bar,var(--blue));width:100%;height:100%;animation:1.5s both isi;display:block;transform:scaleX(1)}@keyframes isi{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.kaki-pilih{min-height:var(--kaki-min);flex-direction:column;flex:none;justify-content:flex-end;display:flex}.ajak-notif{border:1px solid var(--tint-garis);border-radius:var(--r);background:var(--tint-latar);flex-direction:column;gap:9px;margin-bottom:10px;padding:11px 13px;display:flex}.ajak-notif p{color:var(--text-2);font-size:13px;line-height:1.5}.ajak-notif b{color:var(--text)}.ajak-notif .ajak-notif-pesan{color:var(--danger)}.ajak-notif-aksi{justify-content:flex-end;gap:8px;display:flex}.ajak-notif-aksi button{cursor:pointer;border:1px solid #0000;border-radius:9px;padding:7px 14px;font-size:12.5px;font-weight:700}.ajak-notif-aksi .ajak-notif-nanti{color:var(--text-2);border-color:var(--tint-garis);background:0 0}.ajak-notif-aksi .ajak-notif-ya{background:var(--blue);color:#fff}.ajak-notif-aksi button:disabled{opacity:.6;cursor:default}.grup-judul{letter-spacing:.13em;text-transform:uppercase;color:var(--label-2);flex:none;align-items:center;gap:9px;font-size:10.5px;font-weight:700;line-height:1.4;display:flex}.grup-judul:after{content:"";background:var(--border-strong);flex:1;height:1px}.grup-jml{color:var(--label-2);letter-spacing:.06em;font-variant-numeric:tabular-nums;background:#e7edf4;border-radius:5px;flex:none;padding:1px 6px;font-size:10px}[data-banyak] .daftar-bingkai{border:1px solid var(--border-strong);border-radius:var(--r-kartu);background:var(--surface-2)}[data-banyak] .daftar-gulir{padding:12px}[data-banyak] .daftar-apl{grid-template-columns:repeat(2,minmax(0,1fr))}[data-banyak] .kartu-apl{--apl-tinggi:120px;padding:12px}[data-banyak] .kartu-apl .ikon{--ikon-ukuran:25px}[data-banyak] .kartu-apl .nm{font-size:13.5px}[data-banyak] .kartu-mati,[data-banyak] .kartu-kosong{background:#eff3f7}@media (min-width:900px){[data-banyak] .daftar-bingkai{max-height:min(310px,44vh)}}.gulir-kabut{height:44px;color:var(--label-2);pointer-events:none;opacity:0;transition:opacity var(--t);background:linear-gradient(#f7f9fb00,#f7f9fbe6 58%,#f7f9fb);border-radius:0 0 13px 13px;justify-content:center;align-items:flex-end;padding-bottom:4px;display:flex;position:absolute;bottom:1px;left:1px;right:1px}.gulir-kabut .ic{stroke-width:2px;width:18px;height:18px}.daftar-bungkus.bisa-gulir .gulir-kabut{opacity:1}.daftar-bungkus.di-ujung .gulir-kabut{opacity:0}.petunjuk-gulir{color:var(--label-2);flex:none;align-items:center;gap:8px;font-size:11.5px;font-weight:600;line-height:1.4;display:flex}.petunjuk-gulir .ic{width:15px;height:15px;color:var(--text-3);stroke-width:1.9px}.lapisan{z-index:30;background:#071f4475;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-kartu);overscroll-behavior:contain;width:min(420px,100%);max-height:100%;box-shadow:0 24px 60px -16px rgb(var(--navy-900-rgb)/45%);flex-direction:column;gap:13px;padding:24px;animation:.26s cubic-bezier(.2,.6,.3,1) both naik-halus;display:flex;position:relative;overflow-y:auto}.modal h2{padding-right:44px;font-size:19px}.modal p{color:var(--text-2);font-size:13.5px;line-height:1.6}.modal-tutup{border-radius:var(--r-sm);width:44px;height:44px;color:var(--text-2);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:10px;right:10px}.modal-tutup:hover{background:var(--surface-2);color:var(--text)}.modal .pesan{color:var(--danger);font-size:12.5px}.modal .halus{font-size:var(--halus);color:var(--text-3)}.lupa-form{gap:12px}.modal .lupa-kabar{border:1px solid var(--tint-garis);border-radius:var(--r);background:var(--tint-latar);color:var(--text-2);padding:10px 12px;font-size:13px;line-height:1.55}.kolom-otp input{letter-spacing:.32em;font-variant-numeric:tabular-nums;font-size:17px}.kolom-otp input::placeholder{letter-spacing:.32em}.lupa-selesai{border-radius:var(--r);background:#f3faec;border:1px solid #cfe6c6;flex-direction:column;gap:5px;padding:12px 14px;display:flex}.lapisan-verifikasi{background:#071f44b8}.tanda-verifikasi{width:46px;height:46px;color:var(--blue);background:#eaf2fc;border-radius:14px;place-items:center;margin-bottom:4px;display:grid}.tanda-verifikasi .ic{width:24px;height:24px}.kolom select{width:100%;min-height:var(--input-h);border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface);color:var(--text);transition:border-color var(--t),box-shadow var(--t);padding:10px 14px;font-size:15px}.kolom select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgb(var(--blue-rgb)/14%);outline:none}.lupa-selesai b{color:var(--text);font-size:14px}.lupa-selesai span{color:#415c2b;font-size:13px;line-height:1.55}@media (max-height:900px){:root{--isi-pad-y:26px;--kartu-pad-t:24px;--kartu-pad-b:22px;--sp:15px;--h1:27px;--h1-gap:8px;--lead:14px;--lead-lh:1.6;--poin-pad:8px;--ikon-poin:32px;--form-gap:7px;--apl-gap:11px;--apl-tinggi:122px;--sisi-pad-y:40px;--sisi-gap:20px}[data-banyak] .sisi-lead{display:none}}@media (max-height:820px){:root{--isi-pad-y:20px;--kartu-pad-t:20px;--kartu-pad-x:28px;--kartu-pad-b:18px;--sp:13px;--h1:25px;--lead:13.75px;--halus:12px;--halus-lh:1.5;--poin-pad:7px;--ikon-poin:31px;--form-gap:7px;--input-h:46px;--btn-h:48px;--apl-gap:10px;--apl-tinggi:116px;--apl-pad-y:12px;--apl-pad-x:12px;--sisi-pad-y:34px;--sisi-pad-x:38px;--sisi-gap:18px;--isi-pad-x:40px}}@media (max-height:760px){:root{--isi-pad-y:14px;--kartu-pad-t:18px;--kartu-pad-x:26px;--kartu-pad-b:16px;--sp:11px;--h1:24px;--h1-gap:7px;--lead:13.5px;--lead-lh:1.55;--poin-pad:6px;--ikon-poin:30px;--form-gap:6px;--kolom-gap:5px;--label:12.5px;--input-h:44px;--btn-h:46px;--apl-gap:9px;--apl-tinggi:110px;--ikon-apl:22px;--apl-nm:13.5px;--sisi-pad-y:30px;--sisi-pad-x:34px;--sisi-gap:16px}.sisi-lead{display:none}}@media (max-width:1180px){.gerbang{--sisi-pad-x:34px;--isi-pad-x:34px}}@keyframes tarik{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes lembar{0%{opacity:0;transform:translateY(44px)}to{opacity:1;transform:none}}@keyframes hanyut{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(-14px)scale(1.05)}}@media (max-width:899px){.gerbang{background:linear-gradient(178deg,var(--navy)0%,var(--navy-800)46%,var(--navy-900)100%);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.sisi{min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top)28px 0;background:0 0;flex-direction:row;align-items:center;gap:0}.sisi h2,.sisi-lead,.sisi-blok,.sisi-kaki{display:none}.sisi-kepala{flex-wrap:nowrap;gap:12px;min-width:0}.sisi-kepala .logo-portal{max-width:132px;height:34px}.sisi-merek{padding-left:12px}.sisi-merek b{font-size:14px}.sisi-merek span{font-size:9.5px}.isi{background:0 0;justify-content:flex-start;align-items:stretch;padding:0}.isi:before{display:none}.dekor:before,.dekor:after{content:"";background:var(--hp-garis-navy-2);width:1px;position:absolute;top:0;bottom:0}.dekor:before{left:27px}.dekor:after{right:27px}.gumpal i{filter:blur(64px)}.g1{width:260px;height:260px;animation:24s ease-in-out infinite hanyut;top:-70px;right:-96px}.g1 i{background:rgb(var(--sky-rgb)/8%)}.g2{width:300px;height:300px;animation:none;bottom:-60px;left:-120px}.g2 i{background:rgb(var(--blue-rgb)/40%)}.g3{display:none}.kartu-bungkus{width:100%;height:100%;max-height:none}.kartu-halo{display:none}.kartu{box-shadow:none;background:0 0;border:0;border-radius:0;flex:auto;padding:0;animation:none}.tahap{gap:0}.tahap-kepala{color:#fff;gap:0;padding:14px 28px 26px}.tahap-badan{overscroll-behavior:contain;background:var(--hp-kertas);color:var(--text);animation:lembar .62s var(--hp-kurva)both;border-radius:28px 28px 0 0;gap:20px;padding:30px 28px 26px;animation-delay:.12s;overflow-y:auto;box-shadow:0 -30px 60px -22px #0000008c,inset 0 1px #fff9}.tahap-badan :focus-visible{outline-color:var(--navy)}.tahap-kepala :focus-visible{outline-color:var(--sky)}.tahap h1{font-family:var(--serif);letter-spacing:-.012em;color:#fff;text-wrap:balance;font-size:34px;font-weight:400;line-height:1.1}.tahap h1+p{margin-top:14px}.tahap-kepala h1:before{content:"";background:var(--sky);opacity:.9;transform-origin:0;width:44px;height:1px;animation:tarik .76s var(--hp-kurva)both;margin:14px 0 16px;display:block}.tahap-kepala .kepala-tahap{margin-bottom:20px}.tahap-kepala .eyebrow{letter-spacing:.24em;color:var(--on-navy-3);font-size:10px}.tahap-kepala .eyebrow:before{display:none}.tahap-kepala .lead{color:var(--on-navy-2);font-size:13px;line-height:1.65}.tahap-kepala .tautan-balik{color:var(--on-navy-2);letter-spacing:.06em;margin-left:-6px;font-size:12px}.tahap-kepala .tautan-balik:hover{color:#fff;background:0 0;border-color:#0000}#tahap-intro .tahap-kepala{padding:26px 28px 0}#tahap-intro .tahap-badan{color:inherit;box-shadow:none;background:0 0;border-radius:0;gap:0;padding:0 28px 28px;animation:none;overflow:visible}#tahap-intro .tahap-badan>.btn{order:1}#tahap-intro .tahap-badan>.poin{order:2;margin-top:28px}#tahap-intro .tahap-badan>.halus{order:3}#tahap-intro h1{font-size:41px;line-height:1.08}#tahap-intro .tahap-kepala h1:before{width:56px;margin:16px 0 18px}#tahap-intro .lead{max-width:302px;margin-top:18px;font-size:13.5px;line-height:1.72}#tahap-intro .poin{border-top:1px solid var(--hp-garis-navy);margin-top:24px}#tahap-intro .poin li{border-top:0;border-bottom:1px solid var(--hp-garis-navy);gap:14px;min-height:52px;padding:11px 0}#tahap-intro .poin .ikon{--ikon-ukuran:26px;--m:var(--sorot-muda)}#tahap-intro .poin b{color:#fff;letter-spacing:.01em;font-size:13.5px}#tahap-intro .poin li>span>span{color:var(--on-navy-2);font-size:11.5px;line-height:1.5}#tahap-intro .halus{color:var(--on-navy-3);margin-top:16px;font-size:11.5px;line-height:1.6}.tahap-kepala .ph,#tahap-intro .tahap-badan .ph{color:var(--on-navy-2);border-bottom-color:#ffffff4d}.tahap-kepala a,#tahap-intro .tahap-badan a{color:#fff;text-decoration-color:#ffffff8c}#tahap-intro .btn{border-radius:var(--r-lg);letter-spacing:.01em;background:var(--hp-tulang);min-height:56px;color:var(--navy);border-color:var(--hp-tulang);box-shadow:0 1px 0 #ffffff80 inset,0 10px 24px -12px rgb(var(--navy-900-rgb)/90%),0 24px 48px -24px #0009;margin-top:24px;font-size:14.5px;font-weight:700}#tahap-intro .btn:hover{color:var(--navy);background:#f2ede3;border-color:#f2ede3}#tahap-intro .btn:active{transform:scale(.985)}#tahap-intro .btn-utama:after{background:linear-gradient(115deg,#0000,#ffffffd9,#0000)}.tahap-badan .form{gap:0}.tahap-badan .kolom{margin-bottom:12px}.tahap-badan .kolom label{letter-spacing:.2em;text-transform:uppercase;color:var(--hp-redup);margin-bottom:9px;font-size:10px;font-weight:700}.tahap-badan .kolom input{border-radius:var(--r-lg);border-color:var(--hp-garis-hangat);letter-spacing:.01em;background:#fff;min-height:54px;padding:0 16px;font-size:15px;font-weight:500}.tahap-badan .kolom.ada-sandi input{letter-spacing:.06em;padding-right:56px}.tahap-badan .kolom input::placeholder{color:#6f7c87;letter-spacing:0}.tahap-badan .kolom input:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgb(var(--sky-rgb)/30%)}.tahap-badan .mata{border-radius:var(--r);color:var(--hp-redup);bottom:24px;right:5px}.tahap-badan .kolom-tanpa-pesan .mata{bottom:5px}.tahap-badan .mata:hover{background:var(--hp-kertas-2);color:var(--navy)}.tahap-badan .baris{margin:2px 0}.tahap-badan .catatan-ingat{color:var(--hp-redup);margin:0 0 14px}#tahap-masuk .tahap-badan{padding-bottom:calc(40px + env(safe-area-inset-bottom))}.tahap-badan .centang{color:var(--hp-redup);font-size:13px;font-weight:600}.tahap-badan .centang input{accent-color:var(--navy);width:20px;height:20px}.tahap-badan .tautan-samar{font-size:13px;font-weight:700}.tahap-badan .btn{border-radius:var(--r-lg);letter-spacing:.01em;background:var(--navy);border-color:var(--navy);min-height:48px;box-shadow:0 1px 2px rgb(var(--navy-900-rgb)/10%),0 6px 14px -6px rgb(var(--navy-900-rgb)/28%),0 18px 36px -18px rgb(var(--navy-900-rgb)/40%);font-size:14px;font-weight:700}.tahap-badan .btn:hover{background:var(--navy-900);border-color:var(--navy-900)}.tahap-badan .btn:active{transform:scale(.985)}.tahap-badan .btn[disabled]{background:var(--deep);border-color:var(--deep)}#tahap-pilih .tahap-kepala{padding-bottom:22px}.kepala-akun{gap:12px}.chip{background:0 0;border:0;border-radius:0;gap:14px;margin-right:auto;padding:0}.profil{flex:170px}.chip-tombol{background:0 0;border-color:#0000;border-radius:18px;margin-left:-6px;padding:6px 12px 6px 6px}.chip-tombol:hover{background:#ffffff12;border-color:#0000}.chip-tombol[aria-expanded=true]{background:#ffffff1c;border-color:#0000;box-shadow:inset 0 0 0 1px #ffffff1a}.chip-tombol .ic{color:var(--on-navy-2)}.menu-profil{left:-6px}.avatar{background:var(--hp-tulang);width:42px;height:42px;color:var(--navy);letter-spacing:.06em;border-radius:13px;font-size:14px;font-weight:800}.chip-nama{color:#fff;font-size:15px;line-height:1.25}.chip-sub{color:var(--on-navy-2);margin-top:1px;font-size:11.5px;line-height:1.35}.kepala-akun .btn-hantu{color:var(--on-navy-2);background:0 0;border-color:#ffffff47}.lencana-antre{color:var(--navy-900);background:#ffd7d3}.kepala-akun .btn-hantu:hover{color:#fff;background:#ffffff1a;border-color:#ffffff73}.kepala-akun .btn-bahaya{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 8px 18px -10px #b3261ecc}.kepala-akun .btn-bahaya:hover{background:var(--danger-tua);border-color:var(--danger-tua);color:#fff}#tahap-pilih .tahap-badan{gap:0;padding:0;overflow:hidden}#tahap-pilih .tahap-badan>.status-buka{margin:20px 28px 0}.daftar-bungkus{gap:0}.daftar-gulir,[data-banyak] .daftar-gulir{contain:none;gap:12px;padding:20px 28px 0}[data-banyak] .daftar-gulir{padding-top:2px}.daftar-bingkai,[data-banyak] .daftar-bingkai{background:0 0;border:0;border-radius:0}#tahap-pilih .daftar-gulir{clip-path:inset(0 round 28px 28px 0 0)}.daftar-apl,[data-banyak] .daftar-apl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}[data-banyak] .daftar-apl{grid-template-columns:repeat(2,minmax(0,1fr))}.kartu-apl,[data-banyak] .kartu-apl{--apl-tinggi:112px;background:var(--surface);border:1px solid var(--hp-garis-hangat);border-radius:14px;gap:8px;margin:0;padding:11px 12px}.kartu-apl .ikon,[data-banyak] .kartu-apl .ikon{--ikon-ukuran:22px}.kartu-apl .nm,[data-banyak] .kartu-apl .nm{font-size:13px;line-height:1.28}.kartu-apl .ajak,[data-banyak] .kartu-apl .ajak{margin-top:2px;font-size:10.5px;line-height:1.38}.kartu-buka .panah{opacity:1;transform:none}.kartu-buka:active{transform:scale(.985)}@media (hover:hover) and (pointer:fine){.kartu-buka .panah{opacity:0;transform:translate(-4px)}.kartu-buka:hover .panah{opacity:1;transform:none}}.kartu-mati,[data-banyak] .kartu-mati,.kartu-kosong,[data-banyak] .kartu-kosong{background:var(--hp-kertas-2);border-color:var(--hp-garis-hangat)}.kartu-kosong,[data-banyak] .kartu-kosong{border-style:dashed}.kartu-mati .nm,.kartu-kosong .nm,[data-banyak] .kartu-mati .nm,[data-banyak] .kartu-kosong .nm,.kartu-mati .ajak,.kartu-kosong .ajak,[data-banyak] .kartu-mati .ajak,[data-banyak] .kartu-kosong .ajak,.lencana,[data-banyak] .lencana{color:var(--hp-redup)}.kartu-apl .lencana{letter-spacing:.07em;gap:4px}@media (max-width:380px){.kartu-apl .lencana .ic{display:none}}.lencana-rawat,[data-banyak] .lencana-rawat{color:var(--danger)}.lencana-segera,[data-banyak] .lencana-segera{color:var(--m-teks,var(--hp-redup))}.grup-judul{z-index:2;background:var(--hp-kertas);box-shadow:0 -4px 0 var(--hp-kertas);letter-spacing:.2em;color:var(--hp-redup);justify-content:space-between;margin:0 -28px;padding:16px 28px 9px;font-size:10px;position:sticky;top:0}.grup-judul:after{display:none}.grup-jml{color:var(--hp-redup);letter-spacing:.1em;background:0 0;padding:0;font-size:10px}.gulir-kabut{background:linear-gradient(rgb(var(--hp-kertas-rgb)/0%),rgb(var(--hp-kertas-rgb)/97%)78%,var(--hp-kertas));color:var(--hp-redup);border-radius:0;bottom:0;left:0;right:0}.petunjuk-gulir{border-radius:var(--r);background:rgb(var(--blue-rgb)/8%);color:var(--blue);margin:0 28px 16px;padding:12px 14px;font-size:12.5px}.petunjuk-gulir .ic{color:var(--blue)}.kaki-pilih{min-height:0;padding:18px 28px calc(24px + env(safe-area-inset-bottom));background:var(--hp-kertas);border-top:1px solid var(--hp-garis-hangat);gap:14px}.kaki-pilih .halus{color:var(--hp-redup);border:0;margin:0;padding:0;font-size:11.5px}.status-buka{border-color:var(--hp-garis-hangat);background:#fff}.lapisan{place-items:end center;padding:0}.modal{border-radius:22px 22px 0 0;width:100%;max-height:92%;padding:22px}@media (max-height:700px){#tahap-intro .tahap-kepala{padding-top:18px}#tahap-intro h1{font-size:34px}#tahap-intro .tahap-kepala h1:before{margin:12px 0}#tahap-intro .lead{margin-top:12px;line-height:1.6}#tahap-intro .tahap-badan>.poin{margin-top:16px}#tahap-intro .poin li{min-height:46px;padding:7px 0}#tahap-intro .btn{margin-top:16px}#tahap-intro .halus{margin-top:12px;line-height:1.5}#tahap-intro .tahap-badan{padding-bottom:16px}.tahap-kepala{padding-top:10px;padding-bottom:18px}.tahap h1{font-size:30px}.tahap h1+p{margin-top:10px}.tahap-kepala h1:before{margin:10px 0 12px}.tahap-kepala .kepala-tahap{margin-bottom:14px}.tahap-badan{padding-top:22px;padding-bottom:20px}.tahap-badan .kolom{margin-bottom:16px}.tahap-badan .baris{margin-bottom:18px}}}@media (max-width:400px){.sisi,.tahap-kepala,#tahap-intro .tahap-kepala,#tahap-intro .tahap-badan,.tahap-badan{padding-left:20px;padding-right:20px}#tahap-pilih .tahap-badan{padding:0}.daftar-gulir,[data-banyak] .daftar-gulir{padding-left:20px;padding-right:20px}.grup-judul{margin:0 -20px;padding-left:20px;padding-right:20px}.petunjuk-gulir{margin:0 20px 16px}.kaki-pilih{padding-left:20px;padding-right:20px}#tahap-intro h1{font-size:36px}}@media (max-width:899px){.petunjuk-gulir{display:none}.kartu-apl,[data-banyak] .kartu-apl{--apl-tinggi:98px;gap:6px;padding:10px 12px}.kaki-pilih{padding-top:12px;padding-bottom:calc(14px + env(safe-area-inset-bottom));gap:10px}}@media (max-width:899px) and (max-height:608px){.panggung{min-height:608px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}.btn-utama:after{content:none}}@keyframes pwa-naik{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pwa-turun{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}.pwa-pasang,.pwa-kabar{z-index:60;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));position:fixed}.pwa-pasang{bottom:calc(16px + env(safe-area-inset-bottom));animation:.32s cubic-bezier(.2,.6,.3,1) both pwa-naik}.pwa-kabar{top:calc(14px + env(safe-area-inset-top));background:var(--navy);color:#fff;text-align:center;width:max-content;max-width:calc(100vw - 32px);box-shadow:0 12px 32px -12px rgb(var(--navy-900-rgb)/62%);border-radius:999px;align-items:center;gap:9px;margin-inline:auto;padding:11px 18px 11px 15px;font-size:13px;font-weight:600;line-height:1.4;animation:.32s cubic-bezier(.2,.6,.3,1) both pwa-turun;display:flex}.pwa-kabar-tanda{background:var(--lime);border-radius:50%;flex:none;width:8px;height:8px}.pwa-pasang{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);max-width:460px;box-shadow:0 18px 44px -22px rgb(var(--navy-900-rgb)/45%);flex-wrap:wrap;align-items:center;gap:14px;margin-inline:auto;padding:16px 18px;display:flex}.pwa-pasang-teks{flex:220px;min-width:0}.pwa-pasang-teks b{color:var(--text);font-size:14px;font-weight:700;line-height:1.35;display:block}.pwa-pasang-teks p{color:var(--text-2);margin-top:3px;font-size:12.5px;line-height:1.5}.pwa-pasang-aksi{flex:none;gap:8px;margin-left:auto;display:flex}.pwa-pasang-nanti,.pwa-pasang-ya{border-radius:var(--r);cursor:pointer;min-height:38px;transition:background var(--t),border-color var(--t),color var(--t);padding:0 15px;font-size:13px;font-weight:600}.pwa-pasang-nanti{border:1px solid var(--border);color:var(--text-2);background:0 0}.pwa-pasang-nanti:hover{border-color:var(--border-strong);background:var(--surface-2);color:var(--text)}.pwa-pasang-ya{border:1px solid var(--blue);background:var(--blue);color:#fff}.pwa-pasang-ya:hover{background:var(--navy);border-color:var(--navy)}.pwa-standalone .pwa-pasang{display:none}.pwa-ajak{z-index:80;padding:max(20px,env(safe-area-inset-top))20px max(20px,env(safe-area-inset-bottom));background:rgb(var(--navy-900-rgb)/72%);justify-content:center;align-items:center;animation:.26s cubic-bezier(.2,.6,.3,1) both pwa-naik;display:flex;position:fixed;inset:0}.pwa-ajak-kartu{background:var(--surface);text-align:center;border-radius:22px;width:100%;max-width:400px;max-height:100%;padding:26px 22px 18px;overflow-y:auto;box-shadow:0 30px 70px -20px #0000008c}.pwa-ajak-ikon{width:64px;height:64px;margin:0 auto 12px;display:block}.pwa-ajak-kartu h2{color:var(--text);font-size:21px}.pwa-ajak-lead{color:var(--text-2);margin-top:8px;font-size:14px;line-height:1.55}.pwa-ajak-lead b,.pwa-ajak-langkah b,.pwa-ajak-berhasil b{color:var(--text)}.pwa-ajak-ya{background:var(--blue);color:#fff;cursor:pointer;width:100%;box-shadow:0 12px 26px -10px rgb(var(--blue-rgb)/60%);border:0;border-radius:14px;margin-top:18px;padding:15px;font-size:16px;font-weight:800;display:block}.pwa-ajak-ya:active{transform:scale(.98)}.pwa-ajak-langkah{text-align:left;color:var(--text-2);background:#f1f5f9;border-radius:14px;margin-top:16px;padding:14px 16px 14px 34px;font-size:13.5px;line-height:1.6;list-style:decimal}.pwa-ajak-langkah li+li{margin-top:6px}.pwa-ajak-berhasil{color:#14532d;background:#ecfdf3;border-radius:14px;margin-top:16px;padding:14px;font-size:14px;line-height:1.55}.pwa-ajak-catatan{color:var(--text-2);margin-top:10px;font-size:12.5px;line-height:1.5}.pwa-ajak-tutup{color:var(--text-2);cursor:pointer;background:0 0;border:0;margin-top:14px;padding:8px 18px;font-size:13.5px;font-weight:600}.pwa-ajak-panah{z-index:81;color:var(--blue);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:800;animation:1.2s ease-in-out infinite pwa-angguk;display:inline-flex;position:fixed;top:8px;right:10px;box-shadow:0 10px 24px -8px #00000073}.pwa-ajak-panah span{font-size:16px;line-height:1}@keyframes pwa-angguk{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.pwa-ajak-panah{animation:none}}@keyframes vt-turun-keluar{to{opacity:0;transform:translateY(22px)}}@keyframes vt-turun-masuk{0%{opacity:0;transform:translateY(-22px)}}@keyframes vt-naik-keluar{to{opacity:0;transform:translateY(-22px)}}@keyframes vt-naik-masuk{0%{opacity:0;transform:translateY(22px)}}@media (max-width:899px) and (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}html:active-view-transition-type(turun)::view-transition-old(root){animation:.26s cubic-bezier(.4,0,1,1) both vt-turun-keluar}html:active-view-transition-type(turun)::view-transition-new(root){animation:.48s cubic-bezier(.22,.61,.36,1) 60ms both vt-turun-masuk}html:active-view-transition-type(naik)::view-transition-old(root){animation:.26s cubic-bezier(.4,0,1,1) both vt-naik-keluar}html:active-view-transition-type(naik)::view-transition-new(root){animation:.48s cubic-bezier(.22,.61,.36,1) 60ms both vt-naik-masuk}html:active-view-transition-type(turun,naik) .sisi{view-transition-name:medtal-merek}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.transisi-tahap .tahap-badan,.transisi-tahap .tahap.baru .tahap-kepala>*,.transisi-tahap .tahap.baru .tahap-badan>*{animation:none}@keyframes hp-kecil-hilang{to{opacity:0;transform:scale(.86)}}@keyframes hp-kecil-muncul{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}@keyframes hp-geser-kanan{to{opacity:0;transform:translate(115%)}}@keyframes hp-dari-kanan{0%{opacity:0;transform:translate(115%)}to{opacity:1;transform:none}}@keyframes hp-lembar-naik{0%{transform:translateY(100%)}to{transform:none}}@keyframes hp-lembar-turun{to{transform:translateY(100%)}}@keyframes hp-pantul-keluar{0%{opacity:1;transform:none}35%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(.62)}}@keyframes hp-pantul-masuk{0%{opacity:0;transform:scale(.62)}55%{opacity:1;transform:scale(1.06)}78%{transform:scale(.97)}to{opacity:1;transform:none}}@media (max-width:899px){#tahap-intro.tahap-keluar .tahap-kepala,#tahap-intro.tahap-keluar .poin,#tahap-intro.tahap-keluar .halus{animation:.22s cubic-bezier(.4,0,1,1) both hp-kecil-hilang}#tahap-intro.tahap-keluar .btn-utama{animation:.26s cubic-bezier(.5,0,.9,.4) both hp-geser-kanan}#tahap-masuk.baru .tahap-badan{animation:hp-lembar-naik .56s var(--hp-kurva)both}#tahap-masuk.baru .tahap-badan>*{animation:none}#tahap-masuk.baru .tahap-kepala>*{animation:hp-kecil-muncul .46s var(--hp-kurva)both}#tahap-masuk.baru .tahap-kepala>:first-child{animation-delay:.14s}#tahap-masuk.baru .tahap-kepala>:nth-child(2){animation-delay:.22s}#tahap-masuk.tahap-keluar .tahap-kepala{animation:.22s cubic-bezier(.4,0,1,1) both hp-kecil-hilang}#tahap-masuk.tahap-keluar .tahap-badan{animation:.26s cubic-bezier(.4,0,1,1) both hp-lembar-turun}#tahap-intro.baru .tahap-kepala>*,#tahap-intro.baru .poin,#tahap-intro.baru .halus{animation:hp-kecil-muncul .46s var(--hp-kurva)both}#tahap-intro.baru .halus{animation-delay:.12s}#tahap-intro.baru .btn-utama{animation:hp-dari-kanan .48s var(--hp-kurva)60ms both}#tahap-masuk.tahap-keluar.keluar-pantul .tahap-kepala{animation:.32s cubic-bezier(.4,0,.7,.2) both hp-pantul-keluar}#tahap-masuk.tahap-keluar.keluar-pantul .tahap-badan{animation:.32s cubic-bezier(.4,0,1,1) both hp-lembar-turun}#tahap-pilih.baru .tahap-kepala>*{animation:.56s cubic-bezier(.22,.61,.36,1) backwards hp-pantul-masuk}#tahap-pilih.baru .tahap-kepala>:first-child{animation-delay:40ms}#tahap-pilih.baru .tahap-kepala>:nth-child(2){animation-delay:.15s}#tahap-pilih.baru .tahap-badan{animation:hp-lembar-naik .56s var(--hp-kurva)both}#tahap-pilih.baru .tahap-badan>*{animation:none}#tahap-pilih.baru .kartu-apl{animation:.52s cubic-bezier(.22,.61,.36,1) backwards hp-pantul-masuk}#tahap-pilih.baru .kartu-apl:first-child{animation-delay:.5s}#tahap-pilih.baru .kartu-apl:nth-child(2){animation-delay:.57s}#tahap-pilih.baru .kartu-apl:nth-child(3){animation-delay:.64s}#tahap-pilih.baru .kartu-apl:nth-child(4){animation-delay:.71s}#tahap-pilih.baru .kartu-apl:nth-child(n+5){animation-delay:.78s}}@media (prefers-reduced-motion:reduce){.tahap-keluar *,#tahap-intro.baru *,#tahap-masuk.baru *,#tahap-pilih.baru *{animation:none!important}}@supports not (color:color-mix(in srgb, red 50%, blue)){.isi:before{background:linear-gradient(#ffffff0a 1px,transparent 1px)0 0/36px 36px,linear-gradient(90deg,#ffffff0a 1px,transparent 1px)0 0/36px 36px,radial-gradient(98% 85% at -10.2% 4%,rgb(var(--sky-rgb)/20%),transparent 58%),linear-gradient(180deg,var(--navy),var(--deep))}.kartu-buka{border-color:var(--border-strong)}.kartu-buka:hover{background:var(--tint-latar);box-shadow:0 2px 10px -5px rgb(var(--navy-rgb)/30%)}.kartu-buka.kartu-hris,.kartu-buka.kartu-lims,.kartu-buka.kartu-erp,.kartu-buka.kartu-pga{border-color:#0000;box-shadow:0 10px 20px -14px #00000073}.kartu-buka.kartu-hris:hover,.kartu-buka.kartu-lims:hover,.kartu-buka.kartu-erp:hover,.kartu-buka.kartu-pga:hover{box-shadow:0 16px 30px -14px #00000080}}h1[tabindex="-1"]:focus{outline:none}@media (min-width:900px){.tahap-daftar .tahap-badan{overscroll-behavior:contain;margin-right:-8px;padding-right:8px;overflow-y:auto}}.form-daftar{gap:6px}.kolom select.galat,.kolom.galat select{border-color:var(--danger);background:var(--danger-bg)}.kolom-dua{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px;display:grid}@media (max-width:560px){.kolom-dua{grid-template-columns:minmax(0,1fr)}}.label-opsional{color:var(--text-3);font-weight:400}.catatan-kolom{color:var(--text-3);margin-top:4px;font-size:12px;line-height:1.45}.tautan-daftar{text-align:center}.tautan-daftar .tautan-samar{min-height:0}.ajak-daftar{white-space:normal;text-align:right;margin-top:-18px}.baris>.tautan-lupa{margin-left:auto}.ajak-daftar .tautan-samar{align-items:center;min-height:32px;display:inline-flex}#tahap-masuk .kolom:has(#p-sandi:empty)+.baris{margin-top:-22px}@media (max-width:899px){#tahap-masuk .tahap-badan .kolom:has(#p-sandi:empty)+.baris{margin-top:-26px}#tahap-masuk .baris .centang{min-height:38px}#tahap-masuk .baris .tautan-samar{min-height:34px}#tahap-masuk .ajak-daftar{margin-top:-14px}}.ikon.ikon-logo{width:auto;min-width:calc(var(--ikon-ukuran) + 14px);height:calc(var(--ikon-ukuran) + 14px);background:0 0;padding:0}.ikon.ikon-logo img{width:auto;height:calc(var(--ikon-ukuran) + 14px);max-width:calc((var(--ikon-ukuran) + 14px)*1.6);object-fit:contain;filter:drop-shadow(0 3px 4px #00000059)drop-shadow(0 8px 14px #0000004d);display:block}.sisi .ikon.ikon-logo{--ikon-ukuran:28px}.kartu-mati .ikon.ikon-logo img{filter:grayscale(.85);opacity:.6}.kartu-buka.kartu-warna{background:var(--m-isi,var(--m));box-shadow:0 10px 20px -14px color-mix(in srgb,var(--m-tua)70%,transparent);border-color:#0000}.kartu-buka.kartu-warna .ikon,.kartu-buka.kartu-warna .nm,.kartu-buka.kartu-warna .panah{color:#fff;--m:#fff}.kartu-buka.kartu-warna .ajak{color:#ffffffc7}.kartu-buka.kartu-warna:hover{box-shadow:0 16px 30px -14px color-mix(in srgb,var(--m-tua)78%,transparent)}.kartu-buka.kartu-warna:focus-visible{outline-color:#fff}[data-banyak] .kartu-buka:is(.kartu-hris,.kartu-lims,.kartu-erp,.kartu-pga,.kartu-warna){background:var(--m-isi,var(--m));border-color:#0000}.tautan-atur-kartu{color:var(--blue);white-space:nowrap;font-weight:700;text-decoration:none}.tautan-atur-kartu:hover{text-decoration:underline}.kartu-buka:is(.kartu-hris,.kartu-lims,.kartu-erp,.kartu-pga,.kartu-warna),[data-banyak] .kartu-buka:is(.kartu-hris,.kartu-lims,.kartu-erp,.kartu-pga,.kartu-warna){background-origin:border-box}.kartu-apl .ikon{--lingkar:calc(var(--ikon-ukuran) + 24px);width:var(--lingkar);height:var(--lingkar);background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000002e}[data-banyak] .kartu-apl .ikon{--lingkar:calc(var(--ikon-ukuran) + 20px)}.kartu-apl .ikon .ic{width:58%;height:58%}.kartu-apl .ikon.ikon-logo{width:var(--lingkar);min-width:0;height:var(--lingkar);background:#fff;padding:0}.kartu-apl .ikon.ikon-logo img{object-fit:contain;filter:none;width:72%;max-width:none;height:72%}.kartu-buka:is(.kartu-hris,.kartu-lims,.kartu-erp,.kartu-pga,.kartu-warna) .ikon{--m:var(--m-isi,var(--m-teks));color:var(--m-isi,var(--m-teks))}.kartu-apl:is(.kartu-mati,.kartu-kosong) .ikon{box-shadow:none;border:1px solid var(--border)}.kartu-apl.kartu-mati .ikon.ikon-logo img{filter:grayscale(.85);opacity:.6}@media (max-width:899px){.kartu-apl .ikon,[data-banyak] .kartu-apl .ikon{--lingkar:calc(var(--ikon-ukuran) + 18px)}}.tombol-panduan{text-decoration:none}@media (max-width:899px){.tombol-panduan{display:none}}a.menu-butir{text-decoration:none}