:is(html:has(._root_s7zs4_2),body:has(._root_s7zs4_2)){overscroll-behavior:none;scroll-behavior:auto;height:100dvh;overflow:hidden}._root_s7zs4_2{--biru:#1e5aa8;--navy:#14213d;--hijau:#2e9a4b;--kuning:#f2b705;--hitam:#14213d;--teks:var(--hitam);--sekunder:#4e607c;--latar:#f3f7fd;--kartu:#fff;--halus:#edf3fc;--garis:#d0daeb;--input-garis:#7c90af;--sukses-teks:#176c30;--sukses-latar:#edf8f0;--merah:#b42318;--error-latar:#fff0ee;--bayangan:0 .5rem 2rem #14213d0f;inset-inline:0;top:var(--entry-top,0rem);height:var(--entry-height,100dvh);width:100%;padding:max(.5rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));overscroll-behavior:none;touch-action:manipulation;color:var(--teks);background:var(--latar);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;align-items:center;font:1rem/1.4 Arial,Helvetica,sans-serif;display:flex;position:fixed;overflow:hidden}._root_s7zs4_2 *,._root_s7zs4_2 :before,._root_s7zs4_2 :after{box-sizing:border-box}._root_s7zs4_2 h1,._root_s7zs4_2 h2,._root_s7zs4_2 h3,._root_s7zs4_2 p{margin:0}._root_s7zs4_2 button,._root_s7zs4_2 input,._root_s7zs4_2 select{font-family:inherit}._root_s7zs4_2 button,._root_s7zs4_2 a{touch-action:manipulation}._root_s7zs4_2 button{cursor:pointer}._root_s7zs4_2 button:disabled{cursor:wait;opacity:.65}._root_s7zs4_2 :focus-visible{outline:.1875rem solid var(--kuning);outline-offset:.125rem;box-shadow:0 0 0 .3125rem var(--navy)}:is(._root_s7zs4_2 input:focus-visible,._root_s7zs4_2 select:focus-visible){border-color:var(--biru);outline:.125rem solid var(--biru);outline-offset:.0625rem;box-shadow:0 0 0 .25rem var(--kuning)}._globe_s7zs4_37{block-size:auto;inline-size:clamp(20rem,55vw,52rem);stroke:var(--biru);stroke-width:1px;opacity:.05;pointer-events:none;position:absolute;inset-block-end:-25%;inset-inline-start:-12%}._frame_s7zs4_38{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.5rem;width:100%;max-width:70rem;height:100%;margin-inline:auto;display:grid;position:relative}._brand_s7zs4_39{align-self:center;width:100%;min-width:0;max-width:30rem;margin-inline:auto}._brandRow_s7zs4_40{justify-content:center;align-items:center;gap:.75rem;display:flex}._logoPlate_s7zs4_41{aspect-ratio:1;background:#fff;border-radius:.75rem;flex:none;inline-size:clamp(3rem,8dvh,4.25rem);padding:.2rem}._logoPlate_s7zs4_41 img{object-fit:contain;width:100%;height:100%;display:block}._brandText_s7zs4_43{min-width:0}._school_s7zs4_44{color:var(--sekunder);font-size:clamp(.75rem,1.75dvh,.9375rem);font-weight:700}._brand_s7zs4_39 h1{color:var(--navy);letter-spacing:-.035em;align-items:center;gap:.6rem;margin-top:.125rem;font-size:clamp(1.5rem,3.5dvh,2rem);font-weight:800;line-height:1.15;display:flex}._readyDot_s7zs4_46{background:var(--hijau);block-size:.5rem;inline-size:.5rem;box-shadow:0 0 0 .25rem var(--sukses-latar);border-radius:50%;flex:none}._tagline_s7zs4_47{text-align:center;color:var(--sekunder);text-wrap:balance;font-size:clamp(.6875rem,1.6dvh,.8125rem);line-height:1.35;margin-top:.25rem!important}._welcome_s7zs4_48,._values_s7zs4_48{display:none}._card_s7zs4_49{background:var(--kartu);border:.0625rem solid var(--garis);border-top:.1875rem solid var(--biru);width:100%;min-width:0;max-width:30rem;min-height:0;box-shadow:var(--bayangan);border-radius:.875rem;flex-direction:column;place-self:stretch center;padding:clamp(.6rem,1.5dvh,1.25rem);display:flex;overflow:hidden}._cardHeading_s7zs4_50{color:var(--sekunder);justify-content:space-between;align-items:center;margin-bottom:.8rem;font-size:.8125rem;display:none}._cardHeading_s7zs4_50>span:first-child{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}._cardHeading_s7zs4_50>span:last-child{color:var(--sukses-teks);align-items:center;gap:.25rem;display:flex}._tabs_s7zs4_53{background:var(--halus);border-radius:.625rem;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;margin-bottom:.5rem;padding:.1875rem;display:grid}._tabs_s7zs4_53 button{min-width:0;min-height:2.75rem;color:var(--sekunder);background:0 0;border:0;border-radius:.4375rem;padding:.4rem .25rem;font-size:.875rem;font-weight:700;line-height:1.2}._tabs_s7zs4_53 button[aria-selected=true]{background:var(--biru);color:#fff}._form_s7zs4_56{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex}._fieldsViewport_s7zs4_57{overscroll-behavior:none;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:var(--input-garis) transparent;flex:1;min-width:0;min-height:0;margin:-.25rem;padding:.25rem;overflow:hidden auto}._fields_s7zs4_57{grid-template-columns:minmax(0,1fr);gap:.375rem;display:grid}._field_s7zs4_57{align-content:start;gap:.125rem;min-width:0;display:grid}._field_s7zs4_57 label{color:var(--teks);justify-content:space-between;align-items:baseline;gap:.4rem;font-size:.8125rem;font-weight:700;line-height:1.15;display:flex}._field_s7zs4_57 label span{color:var(--sekunder);white-space:nowrap;font-size:.6875rem;font-weight:400}._field_s7zs4_57 input,._field_s7zs4_57 select{border:.0625rem solid var(--input-garis);background:var(--kartu);width:100%;min-width:0;height:auto;min-height:2.75rem;color:var(--teks);border-radius:.5rem;padding:.5rem .625rem;font-size:1rem;line-height:1.3;display:block}._field_s7zs4_57 select{padding-inline-end:.25rem}._field_s7zs4_57 input::placeholder{color:var(--sekunder);opacity:1}._field_s7zs4_57 input:disabled,._field_s7zs4_57 select:disabled{opacity:.7}._field_s7zs4_57 input[aria-invalid=true],._field_s7zs4_57 select[aria-invalid=true]{border-color:var(--merah)}._codeInput_s7zs4_67{letter-spacing:.15em;font-weight:700}._recoveryInput_s7zs4_68{letter-spacing:-.02em}._fieldError_s7zs4_69{color:var(--merah);overflow-wrap:anywhere;font-size:.75rem;line-height:1.3}._fieldError_s7zs4_69:empty{display:none}._fieldsViewport_s7zs4_57>._fieldError_s7zs4_69:not(:empty){margin-block:.5rem}._resumeFields_s7zs4_72{grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem .5rem}._resumeFields_s7zs4_72 ._nameField_s7zs4_73,._resumeFields_s7zs4_72 ._classField_s7zs4_73{grid-column:1/-1}._resumeHint_s7zs4_74{color:var(--sekunder);font-size:.75rem;line-height:1.3;margin-bottom:.5rem!important}._rules_s7zs4_75{color:var(--sekunder);gap:.125rem;margin:.25rem 0 0;padding:.375rem 0 0;font-size:.75rem;line-height:1.2;list-style:none;display:grid}._rules_s7zs4_75 li{align-items:center;gap:.4rem;display:flex}._rules_s7zs4_75 svg{color:var(--biru);flex:none}._rules_s7zs4_75 li:last-child svg{color:var(--sukses-teks)}._primaryButton_s7zs4_79{color:#fff;background:var(--biru);border:.0625rem solid #0000;border-radius:.625rem;flex:none;justify-content:center;align-items:center;gap:.6rem;width:100%;min-height:2.75rem;padding:.625rem .75rem;font-size:.9375rem;font-weight:700;line-height:1.2;display:inline-flex}._primaryButton_s7zs4_79:hover:not(:disabled){background:#164782}._loadingDot_s7zs4_81{background:var(--kuning);border-radius:50%;block-size:.5rem;inline-size:.5rem}._footer_s7zs4_82{justify-self:center;width:100%;min-width:0;max-width:30rem}._helpRow_s7zs4_83{justify-content:center;align-items:center;gap:.5rem;display:flex}._helpRow_s7zs4_83 button,._helpRow_s7zs4_83 a{min-height:2.75rem;color:var(--biru);background:0 0;border:0;border-radius:.375rem;justify-content:center;align-items:center;gap:.35rem;padding:.35rem .5rem;font-size:.8125rem;font-weight:700;text-decoration:none;display:inline-flex}._helpRow_s7zs4_83 button:hover,._helpRow_s7zs4_83 a:hover{background:var(--halus)}._privacy_s7zs4_86{text-align:center;color:var(--sekunder);justify-content:center;align-items:baseline;gap:.25rem;font-size:.75rem;line-height:1.3;display:flex}._privacy_s7zs4_86 svg{flex:none;align-self:center}._connectionError_s7zs4_88{border:.0625rem solid var(--merah);background:var(--error-latar);color:var(--merah);border-radius:.5rem;margin-top:.5rem;padding:.625rem;font-size:.8125rem}._connectionError_s7zs4_88 button{min-height:2.75rem;color:var(--merah);background:0 0;border:0;border-radius:.25rem;align-items:center;gap:.5rem;margin-top:.25rem;padding:.35rem .5rem;font-size:.8125rem;font-weight:700;display:flex}._srOnly_s7zs4_90{clip-path:inset(50%);white-space:nowrap;border:0;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}._sheet_s7zs4_91{top:calc(var(--entry-top,0rem) + var(--entry-height,100dvh) / 2);width:min(32rem,100% - 2rem);max-height:calc(var(--entry-height,100dvh) - 1rem);border:.0625rem solid var(--garis);color:var(--teks);background:var(--kartu);border-radius:1rem;margin:0;padding:0;position:fixed;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 1rem 3rem #0000002e}._sheet_s7zs4_91[open]{flex-direction:column;display:flex}._sheet_s7zs4_91::backdrop{background:#0812259e}._sheetHandle_s7zs4_94{display:none}._sheetHeader_s7zs4_95{flex:none;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:1rem 1rem .75rem;display:flex}._sheetEyebrow_s7zs4_96{color:var(--biru);letter-spacing:.04em;font-size:.75rem;font-weight:700;margin-bottom:.3rem!important}._sheet_s7zs4_91 h2{letter-spacing:-.02em;font-size:1.1875rem;line-height:1.3}._closeButton_s7zs4_98{background:var(--halus);min-width:2.75rem;min-height:2.75rem;color:var(--teks);border:0;border-radius:.5rem;flex:none;place-items:center;display:grid}._sheetBody_s7zs4_99{overscroll-behavior:none;min-height:0;color:var(--sekunder);padding:.25rem 1.125rem 1rem;font-size:.875rem;line-height:1.5;overflow:hidden auto}._sheetBody_s7zs4_99>p+p{margin-top:.75rem}._identity_s7zs4_101{background:var(--halus);border-radius:.625rem;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;margin:.875rem 0;padding:.75rem;display:grid}._identity_s7zs4_101 dt{color:var(--sekunder);font-size:.75rem}._identity_s7zs4_101 dd{color:var(--teks);overflow-wrap:anywhere;margin:.125rem 0 0;font-weight:700}._confirmRules_s7zs4_104{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}._confirmRules_s7zs4_104 li{gap:.625rem;display:flex}._confirmRules_s7zs4_104 svg{color:var(--biru);flex:none;margin-top:.125rem}._confirmRules_s7zs4_104 li:last-child svg{color:var(--sukses-teks)}._sheetActions_s7zs4_108{padding:.875rem 1rem max(.875rem, env(safe-area-inset-bottom));border-top:.0625rem solid var(--garis);flex:none;grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid}._sheetActions_s7zs4_108:has(._secondaryButton_s7zs4_109){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}._sheetActions_s7zs4_108 ._primaryButton_s7zs4_79,._secondaryButton_s7zs4_109{font-size:.875rem}._secondaryButton_s7zs4_109{border:.0625rem solid var(--input-garis);background:var(--kartu);min-height:2.75rem;color:var(--teks);border-radius:.625rem;padding:.5rem .625rem;font-weight:700;line-height:1.3}._helpList_s7zs4_112{margin-block:.75rem;padding-left:1.2rem}._helpList_s7zs4_112 li+li{margin-top:.25rem}._helpDetail_s7zs4_114{border-top:.0625rem solid var(--garis);margin-top:1rem;padding-top:.875rem}._helpDetail_s7zs4_114 h3{color:var(--teks);margin-bottom:.4rem;font-size:.875rem}._savedLink_s7zs4_116,._teacherLink_s7zs4_116{overflow-wrap:anywhere;border-radius:.5rem;align-items:center;gap:.5rem;min-height:2.75rem;margin-top:.5rem;padding:.5rem;font-weight:700;text-decoration:none;display:flex}._savedLink_s7zs4_116{color:var(--sukses-teks);background:var(--sukses-latar)}._savedLink_s7zs4_116 svg{flex:none}._teacherLink_s7zs4_116{color:var(--biru)}@media (min-height:740px) and (max-width:759px){._root_s7zs4_2{padding-block:clamp(1rem,3dvh,2rem)}._frame_s7zs4_38{align-content:center;gap:1rem;max-height:48rem}._brand_s7zs4_39{align-self:end}._card_s7zs4_49{align-self:center;max-height:37rem}._cardHeading_s7zs4_50{display:flex}._fields_s7zs4_57{gap:.875rem}._field_s7zs4_57{gap:.3rem}._field_s7zs4_57 label{font-size:.875rem}._tabs_s7zs4_53{margin-bottom:1rem}._form_s7zs4_56{gap:1rem}._rules_s7zs4_75{gap:.3rem;padding-top:.75rem;font-size:.8125rem}._fieldsViewport_s7zs4_57{flex:0 auto}}@media (min-width:760px){._root_s7zs4_2{padding:clamp(1.5rem,5dvh,4rem)}._frame_s7zs4_38{grid-template:"brand card"minmax(0,1fr)"brand footer"/minmax(0,1fr) minmax(0,1fr);align-items:center;gap:1rem clamp(2rem,7vw,6rem)}._brand_s7zs4_39{grid-area:brand;max-width:30rem}._brandRow_s7zs4_40{justify-content:flex-start;gap:1rem}._logoPlate_s7zs4_41{inline-size:clamp(4rem,11dvh,6.5rem)}._brand_s7zs4_39 h1{font-size:clamp(2rem,4vw,3.125rem)}._school_s7zs4_44{font-size:clamp(.8125rem,1.3vw,1rem)}._tagline_s7zs4_47{text-align:left;max-width:25rem;font-size:.9375rem;margin-top:1.25rem!important}._welcome_s7zs4_48{letter-spacing:-.035em;color:var(--navy);font-size:clamp(1.75rem,3vw,2.625rem);font-weight:700;line-height:1.2;display:block;margin-top:2.5rem!important}._values_s7zs4_48{flex-wrap:wrap;gap:.5rem;max-width:25rem;margin-top:1.5rem;display:flex}._values_s7zs4_48 span{border:.0625rem solid var(--garis);background:var(--kartu);color:var(--sekunder);border-radius:.375rem;padding:.375rem .625rem;font-size:.75rem}._card_s7zs4_49{grid-area:card;align-self:center;max-height:100%;padding:clamp(1rem,3dvh,1.75rem)}._cardHeading_s7zs4_50{display:flex}._tabs_s7zs4_53{margin-bottom:1rem}._fields_s7zs4_57{gap:.875rem}._field_s7zs4_57{gap:.3rem}._field_s7zs4_57 label{font-size:.875rem}._form_s7zs4_56{gap:1rem}._fieldsViewport_s7zs4_57{flex:0 auto}._rules_s7zs4_75{gap:.3rem;padding-top:.75rem;font-size:.8125rem}._footer_s7zs4_82{grid-area:footer;align-self:start}}@media (orientation:landscape) and (max-height:540px){._root_s7zs4_2{padding:max(.5rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left))}._frame_s7zs4_38{grid-template:"brand card"minmax(0,1fr)/minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(.75rem,3vw,2rem)}._brand_s7zs4_39{grid-area:brand;align-self:center;padding-bottom:5rem}._brandRow_s7zs4_40{flex-direction:column;gap:.4rem}._logoPlate_s7zs4_41{inline-size:clamp(3rem,16dvh,4.25rem)}._brandText_s7zs4_43{text-align:center}._school_s7zs4_44{font-size:.75rem}._brand_s7zs4_39 h1{justify-content:center;font-size:1.5rem}._tagline_s7zs4_47{text-align:center;font-size:.6875rem;margin-top:.5rem!important}._welcome_s7zs4_48,._values_s7zs4_48,._cardHeading_s7zs4_50{display:none}._card_s7zs4_49{grid-area:card;align-self:stretch;max-height:100%;padding:.5rem}._tabs_s7zs4_53{margin-bottom:.375rem}._tabs_s7zs4_53 button{font-size:.8125rem}._form_s7zs4_56{gap:.375rem}._fieldsViewport_s7zs4_57{flex:1}._fields_s7zs4_57{grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem .5rem}._fields_s7zs4_57>._field_s7zs4_57:first-child{grid-column:1/-1}._resumeFields_s7zs4_72>._field_s7zs4_57:first-child,._resumeFields_s7zs4_72 ._nameField_s7zs4_73,._resumeFields_s7zs4_72 ._classField_s7zs4_73{grid-column:auto}._field_s7zs4_57{gap:.125rem}._field_s7zs4_57 label{font-size:.8125rem}._resumeHint_s7zs4_74{font-size:.6875rem;margin-bottom:.3rem!important}._rules_s7zs4_75{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding-top:.375rem;font-size:.6875rem}._rules_s7zs4_75 li{align-items:flex-start;gap:.25rem}._rules_s7zs4_75 svg{block-size:.75rem;inline-size:.75rem}._footer_s7zs4_82{grid-area:brand;align-self:end}._helpRow_s7zs4_83{flex-wrap:wrap;gap:0}._helpRow_s7zs4_83 button,._helpRow_s7zs4_83 a{padding-inline:.25rem;font-size:.75rem}._privacy_s7zs4_86{font-size:.6875rem}}._root_s7zs4_2[data-keyboard=true]{padding-block:.375rem}._root_s7zs4_2[data-keyboard=true] ._frame_s7zs4_38{grid-template:auto minmax(0,1fr) auto/minmax(0,1fr);gap:.25rem;max-height:none}._root_s7zs4_2[data-keyboard=true] ._brand_s7zs4_39{grid-area:auto;align-self:center;padding:0}._root_s7zs4_2[data-keyboard=true] ._brandRow_s7zs4_40{flex-direction:row;justify-content:center;gap:.5rem}._root_s7zs4_2[data-keyboard=true] ._logoPlate_s7zs4_41{inline-size:2.5rem}._root_s7zs4_2[data-keyboard=true] ._brand_s7zs4_39 h1{font-size:1.25rem}._root_s7zs4_2[data-keyboard=true] ._school_s7zs4_44{font-size:.6875rem}._root_s7zs4_2[data-keyboard=true] ._tagline_s7zs4_47,._root_s7zs4_2[data-keyboard=true] ._welcome_s7zs4_48,._root_s7zs4_2[data-keyboard=true] ._values_s7zs4_48,._root_s7zs4_2[data-keyboard=true] ._cardHeading_s7zs4_50{display:none}._root_s7zs4_2[data-keyboard=true] ._card_s7zs4_49{grid-area:auto;align-self:stretch;padding:.5rem}._root_s7zs4_2[data-keyboard=true] ._tabs_s7zs4_53{margin-bottom:.375rem}._root_s7zs4_2[data-keyboard=true] ._fieldsViewport_s7zs4_57{flex:1}._root_s7zs4_2[data-keyboard=true] ._fields_s7zs4_57{gap:.375rem}._root_s7zs4_2[data-keyboard=true] ._field_s7zs4_57{gap:.125rem}._root_s7zs4_2[data-keyboard=true] ._field_s7zs4_57 label{font-size:.8125rem}._root_s7zs4_2[data-keyboard=true] ._form_s7zs4_56{gap:.375rem}._root_s7zs4_2[data-keyboard=true] ._footer_s7zs4_82{grid-area:auto;align-self:stretch}._root_s7zs4_2[data-keyboard=true] ._helpRow_s7zs4_83{flex-wrap:nowrap}._root_s7zs4_2[data-keyboard=true] ._privacy_s7zs4_86{font-size:.6875rem}@media (max-width:640px) and (orientation:portrait){._sheet_s7zs4_91{top:auto;bottom:max(0rem, calc(100dvh - var(--entry-top,0rem) - var(--entry-height,100dvh)));border-bottom:0;border-radius:1rem 1rem 0 0;width:100%;left:0;right:0;transform:none}._sheetHandle_s7zs4_94{background:var(--input-garis);border-radius:1rem;flex:none;block-size:.25rem;inline-size:2.25rem;margin:.6rem auto 0;display:block}._sheetHeader_s7zs4_95{padding-top:.625rem}}@media (prefers-color-scheme:dark){._root_s7zs4_2{--navy:#f0f5ff;--teks:#f0f5ff;--sekunder:#bac8df;--latar:#0c172b;--kartu:#14213d;--halus:#1b2d4c;--garis:#354d70;--input-garis:#819ac0;--sukses-teks:#83d89a;--sukses-latar:#163c2a;--merah:#ffb4aa;--error-latar:#42242a;--bayangan:0 .5rem 2rem #00000024;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}._globe_s7zs4_37{stroke:#92b8f1;opacity:.07}._sheetEyebrow_s7zs4_96,._helpRow_s7zs4_83 button,._helpRow_s7zs4_83 a,._teacherLink_s7zs4_116,._rules_s7zs4_75 svg,._confirmRules_s7zs4_104 svg{color:#9bc5ff}._rules_s7zs4_75 li:last-child svg,._confirmRules_s7zs4_104 li:last-child svg{color:var(--sukses-teks)}._root_s7zs4_2 :focus-visible{box-shadow:0 0 0 .3125rem var(--latar)}:is(._root_s7zs4_2 input:focus-visible,._root_s7zs4_2 select:focus-visible){box-shadow:0 0 0 .25rem var(--kuning)}}