@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:var(--font-quicksand);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-quicksand);--default-mono-font-family:var(--font-mono);--font-display:var(--font-baloo-bhaijaan)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ns-font-sans:var(--font-brand), "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-outfit:var(--ns-font-sans);--font-quicksand:var(--ns-font-sans);--font-baloo-bhaijaan:var(--ns-font-sans);--green:var(--ns-accent);--green-hover:var(--ns-accent-hover);--green-shadow:var(--ns-accent-shadow);--dark-blue:var(--ns-ink);--blue:var(--ns-accent);--gray-text:var(--ns-text);--gray-light:var(--ns-muted);--border-color:#e5e5e5;--nav-text:#afafaf;--footer-green:var(--ns-accent-hover);--red:#ff4b4b;--orange:#ff9600;--golden:#ffc800;--font-sans:var(--font-outfit), var(--font-quicksand), Outfit, Quicksand, "DIN Round Pro", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:var(--font-outfit), var(--font-quicksand), Outfit, sans-serif;--font-display-weight:800;--font-display-weight-stat:700;--sg-btn-radius:var(--ns-radius-pill);--sg-btn-radius-sm:var(--ns-radius-pill)}:where(.lesson__aside-title,.app-modal__card h2,.class-page__head h1,.class-roster__title,.class-alerts__title,.class-mine__head h3,.profile-hero h1,.profile-panel h2,.auth-split__copy h2,.auth-split__title,.voucher-page__panel h1,.dash-hero__copy h1,.dash-achievements__head h2,.dash-enroll h2,.lesson__stage h1:not(.lesson-main-card__heading),.lesson__aside h2,.lab__head h1,.sg-hero h1){font-weight:var(--font-display-weight)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px;overflow-x:clip}body{min-block-size:100dvb;color:var(--gray-text);font-family:var(--font-sans);font-size-adjust:from-font;-webkit-font-smoothing:antialiased;background:#fff;margin:0;overflow-x:clip}.motion-page{min-block-size:100dvb}.sg{padding-block-start:88px}.sg--learn{--learn-accent:var(--ns-accent);--learn-accent-hover:var(--ns-accent-hover);--learn-accent-shadow:var(--ns-accent-hover);--learn-accent-soft:var(--ns-accent-tint);--learn-ink:var(--ns-ink);--learn-muted:var(--ns-muted);--learn-border:var(--ns-border);--learn-bg:var(--ns-bg);background:var(--learn-bg);min-block-size:100dvb}.sg--learn .sg-nav__inner{border-color:var(--learn-border);box-shadow:0 10px 28px #0f172a0f}.sg--learn .sg-nav__divider,.sg--learn .sg-nav__mark{border-color:var(--learn-border)}.sg--learn .sg-nav__mark{background:var(--learn-accent-soft);color:var(--learn-accent)}.sg--learn .sg-nav__kicker--brand{color:var(--learn-ink)}.sg--learn .sg-nav__kicker--area{color:var(--learn-muted)}.sg--learn .sg-nav__context-title{color:var(--learn-ink)}.sg--learn .sg-nav__context-hint{color:var(--learn-muted)}.sg--learn .mode-switch{border-color:var(--learn-border);background:var(--learn-bg)}.sg--learn .mode-switch__btn--on{background:var(--learn-accent)}.sg--learn .sg-nav__links a{color:var(--learn-muted)}.sg--learn .sg-nav__links a:hover,.sg--learn .sg-nav__links a[aria-current=true]{color:var(--learn-accent);background:var(--learn-accent-soft)}.sg--learn .sg-nav__links a[aria-current=true]:after{background:var(--learn-accent)}.sg--learn .app-mobile-nav{border-block-start-color:var(--learn-border);box-shadow:0 -8px 24px #0f172a0f}.sg--shell{overflow:hidden}body:has(.lab--viewport){overflow:hidden}body:has(.auth-split){overflow:hidden}.sg--shell-lesson{block-size:100dvb;padding-block-start:0;overflow:hidden}.sg--shell-lesson .app-main--lesson{flex-direction:column;block-size:100%;max-inline-size:none;margin-inline:0;padding:10px 16px 12px;display:flex;overflow:hidden}.sg--sidebar-nav .sg-nav__inner{max-inline-size:1400px}.learn-layout{grid-template-columns:minmax(200px,220px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.learn-layout__main{min-width:0}.learn-sidebar{border:1px solid var(--learn-border);background:#fff;border-radius:16px;padding:14px;position:sticky;top:96px}.learn-sidebar__title{color:var(--learn-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;padding-inline:10px;font-size:13px;font-weight:800}.learn-sidebar__list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.learn-sidebar__link{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.learn-sidebar__link:hover,.learn-sidebar__link.is-current{background:var(--learn-accent-soft)}.learn-sidebar__link.is-current .learn-sidebar__label{color:var(--learn-accent)}.learn-sidebar__label{color:var(--learn-ink);font-size:14px;font-weight:800;line-height:1.3}.learn-sidebar__hint{color:var(--learn-muted);font-size:13px;font-weight:600;line-height:1.35}.sg--learn .home-dash .dash-hero{border-color:var(--learn-border);background-color:#fff;background-image:linear-gradient(135deg,#2a74a314 0%,#2a74a305 48%,#fff 100%)}.sg--learn .home-dash .dash-hero-title,.sg--learn .belajar-head h1{color:var(--learn-accent)}.sg--learn .home-dash .dash-hero-actions .sg-btn--secondary{color:var(--learn-accent);border-color:var(--learn-accent);box-shadow:0 4px 0 var(--learn-accent-shadow)}.app-shell-content.app-main--wide:has(.home-dash--student){max-width:none}.app-shell-content:has(.home-dash--student){background:var(--learn-bg,#f8fafc);flex-direction:column;flex:1;min-block-size:0;padding:28px 36px 24px;display:flex;overflow:auto}.home-dash--student{flex-direction:column;flex:1;min-block-size:0;display:flex}.sg--learn .home-dash--student .dash-bento{gap:14px;min-block-size:0}.sg--learn .home-dash--student .dash-bento__cell{border-color:var(--learn-border,#e2e8f0);border-radius:12px;padding:18px 20px}.sg--learn .home-dash--student a.dash-bento__cell:hover,.sg--learn .home-dash--student button.dash-bento__cell:hover{box-shadow:none;border-color:#2a74a366;transform:none}.sg--learn .home-dash--student .dash-bento__cell--welcome{border-color:var(--learn-border,#e2e8f0);color:var(--learn-ink,#0f172a);background:#fff}.sg--learn .home-dash--student .dash-bento__cell--welcome .dash-bento__kicker{color:var(--learn-accent,var(--ns-accent))}.sg--learn .home-dash--student .dash-bento__cell--welcome h1{max-inline-size:16ch;font-family:var(--font-sans);letter-spacing:-.03em;color:var(--learn-ink,#0f172a);font-size:clamp(24px,2.5vw,32px);font-weight:600;line-height:1.15}.sg--learn .home-dash--student .dash-bento__cell--welcome p{color:var(--learn-muted,#64748b);font-size:15px;font-weight:500}.sg--learn .home-dash--student .dash-bento__cell--visual{border-color:var(--learn-border,#e2e8f0);background:#f1f5f9}.sg--learn .home-dash--student .dash-bento__cell--next,.sg--learn .home-dash--student .dash-bento__cell--profile{border-color:var(--learn-border,#e2e8f0);background:#fff}.sg--learn .home-dash--student .dash-bento__cell--access{background:#2a74a30f;border-color:#2a74a347}.sg--learn .home-dash--student .dash-bento__cell--welcome .dash-bento__actions .sg-btn--white{color:#fff;background:var(--learn-accent,var(--ns-accent));box-shadow:none;border:0}.sg--learn .home-dash--student .dash-bento__cell--welcome .dash-bento__actions .sg-btn--white:hover{background:var(--learn-accent-hover,#1558b8);color:#fff;border:0}.sg--learn .home-dash--student .dash-bento__cell--welcome .dash-bento__actions .sg-btn--secondary{color:var(--learn-accent,var(--ns-accent));border:1px solid var(--learn-border,#e2e8f0);box-shadow:none;background:#fff}.sg--learn .home-dash--student .dash-bento__cell--welcome .dash-bento__actions .sg-btn--secondary:hover{color:var(--learn-accent-hover,#1558b8);background:#2a74a30f;border-color:#2a74a359}.sg--learn .dash-bento{flex:1;grid-template-rows:minmax(0,1.35fr) minmax(0,1.35fr) minmax(0,.9fr) minmax(0,.9fr);grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;min-block-size:calc(100dvh - 84px);display:grid}.sg--learn .dash-bento__cell{border:1px solid var(--learn-border);min-block-size:0;color:inherit;background:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;padding:18px 20px;text-decoration:none;display:flex}.sg--learn button.dash-bento__cell,.sg--learn a.dash-bento__cell{cursor:pointer;font:inherit;text-align:start;transition:transform .12s,border-color .12s,box-shadow .12s}.sg--learn a.dash-bento__cell:hover,.sg--learn button.dash-bento__cell:hover{border-color:var(--learn-accent);transform:translateY(-1px);box-shadow:0 8px 24px #2a74a31f}.sg--learn a.dash-bento__cell:active,.sg--learn button.dash-bento__cell:active{transform:translateY(0)}.sg--learn .dash-bento__cell--welcome{color:#fff;background:linear-gradient(145deg,#2a74a3fa 0%,#29abe2eb 100%);border-color:#2a74a359;grid-area:1/1/span 2/span 4}.sg--learn .dash-bento__cell--visual{background:#e8f4fc;border-color:#2a74a333;grid-area:1/5/span 2/span 2;padding:0;position:relative;overflow:hidden}.sg--learn .dash-bento__visual{object-fit:cover;object-position:68% center}.sg--learn .dash-bento__cell--progress{grid-area:3/1/auto/span 2}.sg--learn .dash-bento__cell--next{background:linear-gradient(135deg,#fff 0%,#29abe21f 100%);border-color:#2a74a340;grid-area:3/3/auto/span 2}.sg--learn .dash-bento__cell--stat-steps{grid-area:3/5}.sg--learn .dash-bento__cell--stat-badges{grid-area:3/6}.sg--learn .dash-bento__cell--stat-classes{grid-area:4/1}.sg--learn .dash-bento__cell--stat-accuracy{grid-area:4/2}.sg--learn .dash-bento__cell--stat-access{grid-area:4/3}.sg--learn .dash-bento__cell--access{background:linear-gradient(135deg,#fffce8 0%,#fff9c4 100%);border-color:#ffeb3ba6;grid-area:4/4/auto/span 3}.sg--learn .dash-bento__cell--profile{background:linear-gradient(135deg,#fff 0%,#29abe21a 100%);border-color:#2a74a333;grid-area:4/4/auto/span 3}.sg--learn .dash-bento__kicker{color:#ffffffc7;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}.sg--learn .dash-bento__cell--welcome h1{max-inline-size:14ch;font-family:var(--font-display);font-size:clamp(1.75rem,2.8vw,2.5rem);font-weight:var(--font-display-weight);letter-spacing:-.02em;margin:0;line-height:1.08}.sg--learn .dash-bento__cell--welcome p{color:#ffffffe6;max-inline-size:38ch;margin:12px 0 0;font-size:15px;font-weight:500;line-height:1.5}.curriculum-lock-host{flex:auto;justify-content:center;align-items:center;min-block-size:min(72dvh,640px);padding:24px 16px 32px;display:flex}.curriculum-lock-host--lab{background:#f6f3ee;min-block-size:min(80dvh,720px)}.curriculum-lock{border:1px solid var(--learn-border,#e2e8f0);background:#fff;border-radius:16px;inline-size:min(100%,520px);padding:28px 28px 24px;box-shadow:0 12px 40px #0f172a0f}.curriculum-lock__kicker{color:var(--learn-muted,#64748b);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.curriculum-lock__title{color:var(--learn-ink,#0f172a);font-family:var(--font-sans);letter-spacing:-.02em;margin:8px 0 0;font-size:26px;font-weight:700;line-height:1.2}.curriculum-lock__lead,.curriculum-lock__body{color:var(--learn-muted,#64748b);margin:10px 0 0;font-size:15px;font-weight:500;line-height:1.5}.curriculum-lock__card{background:#2a74a30f;border:1px solid #2a74a333;border-radius:12px;margin-block-start:20px;padding:16px 18px}.curriculum-lock__card-label{color:var(--learn-muted,#64748b);margin:0;font-size:13px;font-weight:700}.curriculum-lock__card-title{color:var(--learn-ink,#0f172a);margin:6px 0 0;font-size:17px;font-weight:700;line-height:1.35}.curriculum-lock__card-meta{color:var(--learn-accent,var(--ns-accent));margin:6px 0 0;font-size:13px;font-weight:600}.curriculum-lock__steps{color:var(--learn-ink,#0f172a);margin:18px 0 0;padding-inline-start:20px;font-size:14px;font-weight:500;line-height:1.55}.curriculum-lock__steps li{margin-block-start:8px}.curriculum-lock__steps li:first-child{margin-block-start:0}.curriculum-lock__actions{flex-wrap:wrap;align-items:center;gap:10px;margin-block-start:22px;display:flex}.curriculum-lock__actions .sg-btn{justify-self:start}.curriculum-lock__back{color:var(--learn-muted,#64748b);margin-inline-start:4px;font-size:13px;font-weight:700;text-decoration:none}.curriculum-lock__back:hover{color:var(--learn-accent,var(--ns-accent))}.sg--learn .dash-bento__actions{flex-wrap:wrap;gap:10px;margin-block-start:20px;display:flex}.sg--learn .dash-bento__cell--welcome .dash-bento__actions .sg-btn--white{color:var(--learn-accent);background:#fff;border:2px solid #fff;box-shadow:0 4px #003c7847}.sg--learn .dash-bento__cell--welcome .dash-bento__actions .sg-btn--secondary{color:#fff;box-shadow:none;background:0 0;border:2px solid #ffffffd9}.sg--learn .dash-bento__cell--welcome .dash-bento__actions .sg-btn--white:hover{color:var(--learn-accent-hover);background:#f8fafc;border-color:#fff}.sg--learn .dash-bento__cell--welcome .dash-bento__actions .sg-btn--secondary:hover{color:#fff;background:#ffffff1f;border-color:#fff}.sg--learn .dash-bento__label{color:var(--learn-muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:800}.sg--learn .dash-bento__value{font-family:var(--font-display);font-size:32px;font-weight:var(--font-display-weight-stat);color:var(--learn-accent);margin:0;line-height:1}.sg--learn .dash-bento__title{color:var(--learn-ink);margin:0;font-size:17px;font-weight:800;line-height:1.35}.sg--learn .dash-bento__note{color:var(--learn-muted);margin:8px 0 0;font-size:13px;font-weight:600;line-height:1.4}.sg--learn .dash-bento__link{color:var(--learn-accent);margin-block-start:10px;font-size:13px;font-weight:800}.sg--learn .dash-bento__cell--stat strong{font-family:var(--font-display);font-size:clamp(1.5rem,2.2vw,2rem);font-weight:var(--font-display-weight-stat);color:var(--learn-accent);line-height:1;display:block}.sg--learn .dash-bento__cell--stat span{color:var(--learn-muted);margin-block-start:6px;font-size:13px;font-weight:700;line-height:1.3;display:block}.sg--learn .dash-bento__cell--progress .dash-progress-track{margin-block-start:10px}.sg--learn .dash-kicker{color:var(--learn-muted)}.sg--learn .dash-progress-value{color:var(--learn-accent)}.sg--learn .dash-progress-fill{background:var(--learn-accent)}.ns-dashboard{color:#181d27;width:min(100%,1280px);font-family:var(--font-sans,system-ui, sans-serif);align-content:start;gap:20px;margin-inline:auto;padding:8px 0 36px;display:grid}.ns-dashboard__heading h1,.ns-dashboard__heading p{margin:0}.ns-dashboard__heading h1{color:#181d27;font-size:24px;font-weight:600;line-height:32px}.ns-dashboard__heading>p:last-child{color:#475569;margin-block-start:4px;font-size:14px;line-height:20px}.ns-dashboard__greeting{color:#475569;letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:600;margin-block-end:2px!important}.ns-dashboard__layout{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);align-items:start;gap:32px;display:grid}.ns-dashboard__column{align-content:start;gap:16px;min-width:0;display:grid}.ns-card{background:#fff;border:1.5px solid #e9eaeb;border-radius:10px;gap:16px;padding:20px;display:grid}.ns-card h2,.ns-card p{margin:0}.ns-journey__heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ns-journey h2,.ns-class h2{color:#181d27;font-size:16px;font-weight:600;line-height:24px}.ns-journey__heading p,.ns-card__note{color:#475569;margin-block-start:4px;font-size:14px;font-weight:400;line-height:20px}.ns-ring{flex:0 0 64px;width:64px;height:64px;position:relative}.ns-ring svg{width:64px;height:64px;display:block}.ns-ring strong{color:#181d27;font-variant-numeric:tabular-nums;place-items:center;font-size:14px;font-weight:600;line-height:20px;display:grid;position:absolute;inset:0}.ns-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ns-step{color:#181d27;width:100%;min-height:42px;font:inherit;text-align:start;cursor:pointer;background:#fff;border:1px solid #d5d7da;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:14px;line-height:20px;text-decoration:none;transition:border-color .16s,background-color .16s;display:flex}.ns-step:hover,.ns-step:focus-visible{border-color:var(--ns-accent-light);background:var(--ns-accent-tint)}.ns-step.is-done{color:#475569;background:#f5f5f5;border-color:#e9eaeb}.ns-step__mark{color:#475569;border:1px solid #d5d7da;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:16px;line-height:1;display:grid}.ns-step.is-done .ns-step__mark{border-color:var(--ns-accent-bright);background:var(--ns-accent-bright);color:#fff;font-size:14px}.ns-card__eyebrow{color:#475569;letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700;line-height:18px}.ns-button{width:100%;min-height:46px;font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:10px 20px;font-size:15px;font-weight:600;line-height:20px;text-decoration:none;transition:background-color .16s,border-color .16s,transform .16s;display:flex}.ns-button:active{transform:translateY(1px)}.ns-button--outline{border:1px solid var(--ns-accent-light);color:var(--ns-accent-hover);background:#fff}.ns-button--outline:hover{border-color:var(--ns-accent-bright);background:var(--ns-accent-tint)}.ns-button--primary{border:1px solid var(--ns-accent);background:var(--ns-accent);color:#fff}.ns-button--primary:hover{border-color:var(--ns-accent-hover);background:var(--ns-accent-hover)}.ns-progress__top{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.ns-progress__top strong{color:#181d27;font-variant-numeric:tabular-nums;margin-block-start:4px;font-size:22px;font-weight:600;line-height:28px;display:block}.ns-progress__top>span{color:var(--ns-accent);font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.ns-progress__track{background:#f0f1f2;border-radius:999px;height:9px;overflow:hidden}.ns-progress__track span{border-radius:inherit;background:var(--ns-accent-bright);height:100%;transition:width .24s;display:block}.ns-feature{width:100%;position:relative}.ns-feature__card{z-index:1;text-align:center;background:#fff;border:1.5px solid #e9eaeb;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;min-height:410px;padding:22px;display:flex;position:relative}.ns-feature__body{justify-items:center;gap:14px;display:grid}.ns-feature__title{justify-items:center;gap:8px;display:grid}.ns-feature__title h2{color:#181d27;letter-spacing:-.02em;text-wrap:balance;max-width:24ch;margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:500;line-height:1.2}.ns-feature__title .ns-card__note{max-width:44ch;margin:0}.ns-feature__art-frame{aspect-ratio:3/2;place-items:center;width:min(100%,420px);display:grid}.ns-feature__art{object-fit:contain;width:100%;height:100%;display:block}.ns-chips{min-width:0;position:relative}.ns-track-filters{scrollbar-width:none;scroll-snap-type:x proximity;gap:12px;padding:0 0 4px;display:flex;overflow-x:auto}.ns-track-filters::-webkit-scrollbar{display:none}.ns-track-filters button{scroll-snap-align:start;white-space:nowrap}.ns-chips.has-end .ns-track-filters{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000)}.ns-chips.has-start .ns-track-filters{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 56px),#0000);mask-image:linear-gradient(270deg,#000 calc(100% - 56px),#0000)}.ns-chips.has-start.has-end .ns-track-filters{-webkit-mask-image:linear-gradient(90deg,#0000,#000 56px calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#0000,#000 56px calc(100% - 56px),#0000)}.ns-chips__arrow{z-index:2;border:1px solid var(--ns-border,#d5d7da);width:32px;height:32px;color:var(--ns-ink,#181d27);cursor:pointer;background:#fff;border-radius:50%;place-items:center;margin-block-start:-16px;font-size:20px;line-height:1;transition:opacity .16s;display:grid;position:absolute;inset-block-start:calc(50% - 2px);box-shadow:0 2px 6px #181d271f}.ns-chips__arrow:disabled{opacity:0;pointer-events:none}.ns-chips__arrow--start{inset-inline-start:4px}.ns-chips__arrow--end{inset-inline-end:4px}.ns-chips__arrow:focus-visible{outline:2px solid var(--ns-accent,var(--ns-accent));outline-offset:2px}.ns-status-chip{color:#93370d;background:#fffaeb;border:1px solid #fedf89;border-radius:999px;align-items:center;gap:8px;margin-block-start:10px;padding:4px 12px;font-size:13px;font-weight:600;line-height:20px;text-decoration:none;display:inline-flex}.ns-status-chip__dot{background:currentColor;border-radius:50%;width:8px;height:8px}.ns-status-chip.is-active{color:#067647;background:#ecfdf3;border-color:#abefc6}.ns-status-chip:hover{filter:brightness(.97)}.ns-status-chip:focus-visible{outline:2px solid var(--ns-accent,var(--ns-accent));outline-offset:2px}.ns-step.is-locked{color:#475569;cursor:pointer;background:#fafafa;border-style:dashed}.ns-step__label{gap:2px;display:grid}.ns-step__hint{color:#475569;font-size:13px;line-height:16px}.learn-lock-banner{color:#93370d;background:#fffaeb;border:1px solid #fedf89;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:16px 20px;display:flex}.learn-lock-banner__copy h2{color:#93370d;margin:0;font-size:16px;font-weight:600;line-height:24px}.learn-lock-banner__copy p{color:#b54708;margin:2px 0 0;font-size:14px;line-height:20px}.sg-badge--lock{align-items:center;gap:4px;display:inline-flex}.circl-sso__hint{color:var(--ns-muted,#575d66);margin:0;font-size:13px;line-height:18px}.circl-sso__button:disabled{cursor:not-allowed}.ns-track-filters button{color:#181d27;max-width:none;min-height:48px;font:inherit;cursor:pointer;background:#fff;border:1.5px solid #e9eaeb;border-radius:10px;flex:1 0 auto;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:500;line-height:20px;transition:border-color .16s,background-color .16s;display:inline-flex}.ns-track-filters button:hover,.ns-track-filters button.is-active{border-color:var(--ns-accent-light);background:var(--ns-accent-tint)}.ns-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ns-stat{min-width:0;min-height:76px;color:inherit;background:#fff;border:1.5px solid #e9eaeb;border-radius:10px;align-content:center;padding:12px;text-decoration:none;display:grid}.ns-stat:hover{border-color:var(--ns-accent-light)}.ns-stat strong{color:#181d27;font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;line-height:28px}.ns-stat span{color:#475569;font-size:13px;line-height:18px}.ns-profile-link{color:var(--ns-accent-hover);justify-self:end;font-size:14px;font-weight:600;text-decoration:none}.ns-profile-link:hover{color:var(--ns-accent)}.ns-dashboard__error{color:#a12727;background:#fff7f7;border:1px solid #f3c7c7;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;font-size:14px;display:flex}.ns-dashboard__error p{margin:0}.ns-dashboard__error button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700;text-decoration:underline}@media (max-width:900px){.ns-dashboard__layout{grid-template-columns:minmax(0,1fr);gap:20px}.ns-dashboard__column:first-child{grid-template-columns:repeat(2,minmax(0,1fr))}.ns-journey{grid-row:span 2}}@media (max-width:600px){.ns-dashboard{gap:16px;padding-block-start:0}.ns-dashboard__column:first-child{grid-template-columns:minmax(0,1fr)}.ns-journey{grid-row:auto}.ns-card,.ns-feature__card{padding:16px}.ns-feature__card{min-height:360px}.ns-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-shell-content.app-main--wide:has(.home-dash--teacher){max-width:none}.app-shell-content:has(.home-dash--teacher){flex-direction:column;flex:1;min-block-size:0;padding:12px 16px 16px;display:flex}.home-dash--teacher{flex-direction:column;flex:1;min-block-size:0;display:flex}.sg--learn .dash-bento--teacher{flex:1;grid-template-rows:minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,.85fr) minmax(0,1.15fr);grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;min-block-size:calc(100dvh - 84px);display:grid}.sg--learn .dash-bento--teacher .dash-bento__cell--welcome{grid-area:1/1/span 2/span 4}.sg--learn .dash-bento--teacher .dash-bento__cell--visual{grid-area:1/5/span 2/span 2}.sg--learn .dash-bento--teacher .dash-bento__visual{object-fit:contain;object-position:center;padding:16px}.sg--learn .dash-bento--teacher .dash-bento__cell--progress{grid-area:3/1/auto/span 2}.sg--learn .dash-bento--teacher .dash-bento__cell--next{grid-area:3/3/auto/span 2}.sg--learn .dash-bento--teacher .dash-bento__cell--stat-classes{grid-area:3/5}.sg--learn .dash-bento--teacher .dash-bento__cell--stat-students{grid-area:3/6}.sg--learn .dash-bento--teacher .dash-bento__cell--stat-alerts{grid-area:4/1}.sg--learn .dash-bento--teacher .dash-bento__cell--stat-tracks,.sg--learn .dash-bento--teacher .dash-bento__cell--learn{grid-area:4/2}.sg--learn .dash-bento--teacher .dash-bento__cell--learn{text-align:start;background:linear-gradient(135deg,#fff 0%,#29abe21f 100%);border-color:#2a74a340}.sg--learn .dash-bento--teacher .dash-bento__cell--roster{grid-area:4/3/auto/span 4;justify-content:flex-start;gap:12px;overflow:hidden}.sg--learn .dash-bento--teacher .dash-bento__cell--welcome p{max-inline-size:40ch}.sg--learn .dash-bento--teacher .dash-bento__note--inline{text-align:end;max-inline-size:24ch;margin:0}.sg--learn .dash-bento--teacher .dash-bento__cell--stat-alert-hot{background:linear-gradient(135deg,#fff 0%,#ff4b4b14 100%);border-color:#ff4b4b59}.sg--learn .dash-bento--teacher .dash-bento__cell--stat-alert-hot strong{color:#dc2626}.sg--learn .dash-bento--teacher .dash-bento__roster-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.sg--learn .dash-bento--teacher .dash-bento__empty{color:var(--learn-muted);margin:0;font-size:13px;font-weight:600}.sg--learn .dash-bento--teacher .dash-bento__class-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;min-block-size:0;padding-inline-end:2px;display:grid;overflow:auto}.sg--learn .dash-bento--teacher .dash-bento__class-card{border:1px solid var(--learn-border);color:inherit;background:#fff;border-radius:12px;gap:6px;padding:12px 14px;text-decoration:none;transition:border-color .12s,box-shadow .12s,transform .12s;display:grid}.sg--learn .dash-bento--teacher .dash-bento__class-card:hover{border-color:var(--learn-accent);transform:translateY(-1px);box-shadow:0 6px 18px #2a74a31f}.sg--learn .dash-bento--teacher .dash-bento__class-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.sg--learn .dash-bento--teacher .dash-bento__class-code{background:var(--learn-accent-soft);color:var(--learn-ink);letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-size:13px;font-weight:800;display:inline-flex}.sg--learn .dash-bento--teacher .dash-bento__class-alert{color:#dc2626;font-size:13px;font-weight:800}.sg--learn .dash-bento--teacher .dash-bento__class-card strong{color:var(--learn-ink);font-size:15px;font-weight:800;line-height:1.3}.sg--learn .dash-bento--teacher .dash-bento__class-card p{color:var(--learn-muted);margin:0;font-size:13px;font-weight:600;line-height:1.45}.sg--learn .dash-metric-card{background:#fff}.sg--learn a.dash-metric-card:hover,.sg--learn button.dash-metric-card:hover{border-color:var(--learn-accent)}.sg--learn .dash-strip{border-color:var(--learn-border)}.sg--learn .dash-nav-card:hover .dash-nav-art,.sg--learn .dash-nav-card.is-current .dash-nav-art{box-shadow:0 0 0 3px var(--learn-accent)}.sg--learn .dash-mission--locked{background:#2a74a30a}.sg--learn .sg-progress__fill{background:var(--learn-accent)}.sg--learn .dash-track h2{color:var(--learn-ink);text-transform:none}.sg--learn .learn-bab{margin-block-end:32px}.sg--learn .learn-bab__title{color:var(--learn-muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:800}.sg--learn .app-mobile-nav__link[aria-current=true]{color:var(--learn-accent);background:var(--learn-accent-soft)}.sg--learn .app-profile__avatar{border-color:var(--learn-accent-shadow);background:var(--learn-accent)}.sg--learn .app-profile__avatar:hover{background:var(--learn-accent-hover)}.sg--learn .app-profile__role{background:#e6f3fc;border-radius:999px;color:var(--ns-accent-hover)!important}.sg--learn .app-profile__menu{border:1px solid var(--learn-border);border-radius:14px;box-shadow:0 16px 36px #0f172a1f}.sg--learn .app-profile__meta{border-color:var(--learn-border)}.sg--learn .app-profile__meta strong{color:var(--learn-ink)}.sg--learn .app-profile__item{border-radius:10px}.sg--learn .app-profile__item:not(.app-profile__item--danger):hover{background:var(--learn-accent-soft);color:var(--learn-accent-hover)}.sg--learn .sg-toggle input:checked+.sg-toggle__track{background:var(--learn-accent)}.sg--learn .sg-progress__value{color:var(--learn-accent)}.sg--learn .class-page__head h1,.sg--learn .class-roster__title,.sg--learn .class-alerts__title,.sg--learn .class-workspace__title,.sg--learn .class-workspace__main-who h2{color:var(--learn-ink)}.sg--learn .class-page__head p,.sg--learn .class-roster__intro,.sg--learn .class-alerts__intro,.sg--learn .class-assign__hint{color:var(--learn-muted)}.sg--learn .class-assign,.sg--learn .class-roster,.sg--learn .class-assign-panel,.sg--learn .class-workspace__rail,.sg--learn .class-workspace__main{border-color:var(--learn-border)}.sg--learn .page-back:hover{border-color:var(--learn-accent);background:var(--learn-accent-soft)}.sg--learn .lesson__crumb a,.sg--learn .lesson__meta,.sg--learn .lesson__aside-kicker,.sg--learn .lesson__task-kicker,.sg--learn .lesson__result-kicker{color:var(--learn-accent)}.sg--learn .lesson__stage h1,.sg--learn .lesson__aside h2,.sg--learn .lesson__task h3{color:var(--learn-ink)}.sg--learn .lesson__task,.sg--learn .lesson__aside{border-color:var(--learn-border)}.sg--learn .lesson__nav{border-block-start-color:var(--learn-border)}.sg--learn .lesson__warn,.sg--learn .lesson__step--current{background:var(--learn-accent-soft)}.sg--learn .lesson__step--done .lesson__num,.sg--learn .lesson__step--current .lesson__num{background:var(--learn-accent);color:#fff}.sg--learn .sg-input:focus{border-color:var(--learn-accent)}.sg--learn .lab__head code,.sg--learn .lab__chip--ok,.sg--learn .lab__boot{background:var(--learn-accent-soft);color:var(--learn-accent-hover);border-color:#2a74a359}.sg--learn .lab__chip--ok{color:var(--learn-accent)}.sg--learn .profile-hero,.sg--learn .profile-panel{border-color:var(--learn-border)}.sg--learn .profile-hero h1,.sg--learn .profile-panel h2{color:var(--learn-ink)}.sg--learn .profile-hero__avatar{background:var(--learn-accent)}.sg--learn .profile-tab:hover{border-color:var(--learn-accent);color:var(--learn-accent);background:var(--learn-accent-soft)}.sg--learn .profile-tab.is-active{border-color:var(--learn-accent);background:var(--learn-accent);color:#fff}.sg--learn .claim-card{background:var(--learn-accent-soft);border-color:var(--learn-border)}.sg--learn .sg-badge--completed{color:var(--learn-accent);background:#2a74a329}.sg--learn .sg-badge--progress{color:var(--learn-accent);background:var(--learn-accent-soft)}.learn-page-head{border:1px solid var(--learn-border);background:linear-gradient(135deg,#2a74a31a 0%,#2a74a305 55%,#fff 100%),#fff;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-block-end:8px;padding:28px 32px;display:flex}.learn-page-head__copy{flex:280px;min-inline-size:0}.learn-page-head__error{flex-direction:column;align-items:flex-start;gap:10px;display:flex}:is(.app-shell-content:has(.learn-page--viewport),.app-shell-content:has(.lab--viewport),.app-shell-content:has(.lab--start)){background:var(--learn-bg,#f8fafc);flex-direction:column;flex:1;min-block-size:0;padding:28px 36px 24px;display:flex;overflow:hidden}.app-shell-content.app-main--wide:has(.learn-page--viewport){max-width:none;max-inline-size:none;width:100%}.learn-page--viewport{--learn-accent:var(--ns-accent);--learn-accent-hover:var(--ns-accent-hover);--learn-accent-soft:var(--ns-accent-tint);--learn-ink:var(--ns-ink);--learn-muted:var(--ns-muted);--learn-border:var(--ns-border);--learn-bg:var(--ns-bg);--sg-btn-radius:999px;--sg-btn-radius-sm:999px;width:min(100%,1280px);min-block-size:0;margin-inline:auto;overflow:hidden}.learn-page--viewport .learn-page-head{background:0 0;border:0;border-radius:0;flex-shrink:0;align-items:flex-start;margin-block-end:6px;padding:0 4px 10px}.learn-page--viewport .learn-page-head__copy{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.learn-page--viewport .belajar-head .dash-kicker{display:none}.learn-page--viewport .belajar-head h1{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--learn-ink,#0f172a);font-size:clamp(22px,2.2vw,32px);font-weight:600;line-height:1.15}.learn-page--viewport .belajar-head p:last-child{color:var(--learn-muted,#64748b);margin:8px 0 0;font-size:15px;font-weight:500;line-height:1.45}.learn-page--viewport .learn-filters{background:0 0;border:0;border-radius:0;flex-shrink:0;margin:0;padding:0}.learn-page--viewport>.dash-empty{flex-shrink:0;margin:0}.learn-filters--compact{background:0 0;border:0;padding:0}.learn-filters--compact .learn-filters__row{grid-template-columns:minmax(150px,1.25fr) repeat(3,minmax(96px,1fr));align-items:center;gap:8px}.learn-filters--compact .learn-filters__label{clip:rect(0, 0, 0, 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.learn-filters--compact .learn-filters__search,.learn-filters--compact .learn-filters__field{gap:0}.learn-filters--compact .learn-filters__input,.learn-filters--compact .learn-filters__select{block-size:34px;font-size:13px}.learn-filters--compact .learn-filters__meta{display:none}.learn-page__catalog{border:1.5px solid var(--learn-border,#e9eaeb);background:#fff;border-radius:10px;flex-direction:column;flex:none;gap:12px;min-block-size:0;padding:18px 20px;display:flex;overflow:visible}.learn-page__catalog-body{flex-direction:column;flex:none;min-block-size:0;display:flex;overflow:visible}.learn-page__catalog-body--loading{justify-content:center;align-items:center}.app-loading-host{flex:auto;justify-content:center;align-items:center;min-block-size:min(48vh,360px);inline-size:100%;display:flex}.learn-page__mission-grid{grid-template-columns:repeat(var(--learn-cols,3), minmax(0, 1fr));flex:none;align-content:start;gap:10px;block-size:auto;display:grid}.learn-page__bab-grid{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;block-size:auto;display:grid}@media (min-width:900px){.learn-page__bab-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.learn-bab-card{cursor:default;flex-direction:column;block-size:auto;display:flex}.learn-bab-card .sg-card__body{flex-direction:column;flex:none;gap:6px;padding:14px 16px 12px;display:flex}.learn-bab-card .sg-card__footer{border-block-start:1px solid var(--learn-border,#e2e8f0);padding:12px 16px 14px}.learn-bab-card__head{justify-content:space-between;align-items:flex-start;gap:8px;margin-block-end:6px;display:flex}.learn-bab-card__art{object-fit:contain;width:56px;height:56px;display:block}.dash-empty--art{text-align:center;justify-items:center;gap:8px;display:grid}.dash-empty--art p{margin:0}.dash-empty__art{width:min(200px,60%);height:auto}.learn-bab-card__index{color:var(--learn-muted);letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1}.learn-bab-card__kicker{color:var(--learn-accent);letter-spacing:.05em;text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:800}.learn-bab-card--locked{opacity:.92}.learn-bab-card--active{box-shadow:0 0 0 2px var(--learn-accent,var(--ns-accent))}.learn-page--viewport .learn-bab-card.sg-card{border:1.5px solid var(--learn-border,#e9eaeb);box-shadow:none;border-radius:10px;transition:box-shadow .2s,border-color .2s}.learn-page--viewport .learn-bab-card.sg-card:hover{box-shadow:none;border-color:var(--ns-accent-light);transform:none}.learn-page--viewport .learn-bab-card .sg-card__title{color:var(--learn-ink,#0f172a);margin:0;font-size:15px;font-weight:600;line-height:1.3}.learn-page--viewport .learn-bab-card .sg-card__desc{color:var(--learn-muted,#64748b);flex:auto;margin:0;font-size:13px;font-weight:500;line-height:1.45}.learn-page--viewport .learn-bab-card .sg-card__meta{color:var(--learn-muted,#64748b);letter-spacing:.06em;font-size:13px;font-weight:700}.learn-page--viewport .learn-bab-card .sg-btn--sm{border-radius:999px;min-block-size:36px;padding-inline:14px}.sg.sg--learn .learn-page--viewport .learn-bab-card .sg-btn--secondary{border-color:var(--ns-accent-light);color:var(--ns-accent-hover)}.sg.sg--learn .learn-page--viewport .learn-bab-card .sg-btn--secondary:hover{border-color:var(--ns-accent-bright);background:var(--ns-accent-tint);color:var(--ns-accent-hover)}.learn-page--viewport .learn-filters__input,.learn-page--viewport .learn-filters__select{border-radius:10px}.learn-page--viewport .learn-bab-card .sg-badge,.learn-page--viewport .learn-bab-card .sg-progress__bar,.learn-page--viewport .learn-bab-card .sg-progress__fill{border-radius:999px}.learn-page--viewport .dash-achievements--in-catalog{border:1.5px solid var(--learn-border,#e9eaeb);border-radius:10px;padding:20px}.learn-page--viewport .dash-achievement{border-width:1.5px;border-radius:10px}.learn-page--viewport .learn-bab-detail__title{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--learn-ink,#0f172a);font-size:22px;font-weight:600}.learn-page__catalog-body--scroll{overflow:auto}.learn-bab-detail{flex-direction:column;gap:16px;padding-block:4px 8px;display:flex}.learn-bab-detail__head{flex-direction:column;gap:10px;display:flex}.learn-bab-detail__back{cursor:pointer;align-self:flex-start;margin:0}.learn-bab-detail__kicker{color:var(--learn-accent);letter-spacing:.05em;text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:800}.learn-bab-detail__title{color:var(--learn-ink);margin:0 0 6px;font-size:22px;font-weight:800;line-height:1.2}.learn-bab-detail__desc{color:var(--learn-muted);margin:0;font-size:14px;line-height:1.45}.learn-page--viewport .learn-mission--grid{flex-direction:column;block-size:100%;min-block-size:0;display:flex}.learn-page--viewport .learn-mission--grid .sg-card__body{flex-direction:column;flex:auto;padding:11px 12px;display:flex}.learn-page--viewport .learn-mission--grid .sg-card__footer{padding:10px 12px}.learn-page--viewport .learn-mission--grid .sg-card__title{font-size:15px;line-height:1.25}.learn-page--viewport .learn-mission__track{color:var(--learn-muted);text-overflow:ellipsis;text-transform:none;white-space:nowrap;margin:0 0 4px;font-size:13px;font-weight:700;line-height:1.2;overflow:hidden}.learn-page--viewport .learn-mission--grid .sg-card__desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:auto;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.learn-page--viewport .learn-mission--grid .learn-mission__head{margin-block-end:8px}.learn-page--viewport .learn-mission--grid .learn-mission__index{block-size:28px;inline-size:28px;font-size:13px}.learn-page--viewport .learn-mission--grid .dash-mission__bar{margin-block-start:auto}@media (max-width:900px){.learn-filters--compact .learn-filters__row{grid-template-columns:1fr 1fr}.learn-filters--compact .learn-filters__search{grid-column:1/-1}.learn-page--viewport .learn-page-head__copy{flex-direction:column;align-items:flex-start;gap:2px}}.learn-page__pagination{border-block-start:1px solid var(--learn-border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding-block-start:8px;display:flex}.learn-page__pagination-info{color:var(--learn-muted);margin:0;font-size:13px;font-weight:600}.learn-page__pagination-actions{align-items:center;gap:10px;display:flex}.learn-page__pagination-page{min-inline-size:3.5rem;color:var(--learn-ink);text-align:center;font-size:13px;font-weight:800}.learn-page--viewport .dash-track{margin-block-start:18px}.learn-page--viewport .dash-track:first-child{margin-block-start:0}.learn-page--viewport .learn-track__head{padding-block-end:10px}.learn-page--viewport .learn-track__copy h2{font-size:20px}.learn-page--viewport .learn-track__copy p{-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-block-start:4px;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.learn-page--viewport .learn-missions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block-start:12px}@media (max-width:1200px){.learn-page--viewport .learn-missions{grid-template-columns:repeat(2,minmax(0,1fr))}}.learn-page--viewport .learn-mission .sg-card__desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.learn-page--viewport .learn-mission__index{block-size:32px;inline-size:32px;font-size:13px}.learn-page--viewport .dash-empty{margin:0}.learn-track__head{border-block-end:1px solid var(--learn-border);justify-content:space-between;align-items:flex-start;gap:16px;margin-block-end:4px;padding-block-end:16px;display:flex}.learn-track__copy h2{color:var(--learn-ink);font-family:var(--font-display);font-size:26px;font-weight:var(--font-display-weight);margin:0;line-height:1.15}.learn-track__copy p{max-inline-size:62ch;color:var(--learn-muted);margin:8px 0 0;font-size:15px;font-weight:600;line-height:1.45}.learn-missions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block-start:20px;display:grid}.learn-mission{border-color:var(--learn-border);flex-direction:column;min-block-size:100%;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.learn-mission:not(.dash-mission--locked):hover{border-color:#2a74a373;box-shadow:0 12px 28px #2a74a31a}.learn-mission--active{box-shadow:inset 4px 0 0 var(--learn-accent);border-color:#2a74a380}.learn-mission--done{border-color:#2a74a347}.learn-mission__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-block-end:12px;display:flex}.learn-mission__index{background:var(--learn-accent-soft);block-size:36px;inline-size:36px;color:var(--learn-accent);letter-spacing:.04em;border-radius:10px;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:grid}.learn-mission .sg-card__body{flex-direction:column;flex:auto;display:flex}.learn-mission .sg-card__footer{margin-block-start:auto}.learn-filters{border:1px solid var(--learn-border);background:#fff;border-radius:16px;margin-block:20px 8px;padding:18px 20px}.learn-filters__row{grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(140px,1fr));align-items:end;gap:12px;display:grid}.learn-filters__search,.learn-filters__field{flex-direction:column;gap:6px;min-inline-size:0;display:flex}.learn-filters__label{color:var(--learn-muted);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:800}.learn-filters__input,.learn-filters__select{block-size:44px;font-size:14px}.learn-filters__meta{border-block-start:1px solid var(--learn-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-block-start:12px;padding-block-start:12px;display:flex}.learn-filters__count{color:var(--learn-muted);margin:0;font-size:13px;font-weight:600}.learn-filters__reset{color:var(--learn-accent);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:13px;font-weight:800;text-decoration:underline}.learn-filters__reset:hover{color:var(--learn-accent-hover)}.learn-filters__empty{border:1px dashed var(--learn-border);background:var(--learn-accent-soft);border-radius:16px;flex-direction:column;align-items:flex-start;gap:12px;margin-block:20px;padding:24px;display:flex}.learn-filters__empty p{color:var(--learn-ink);margin:0;font-size:15px;font-weight:600}.app-shell-content.app-main--wide:has(.lesson--dashboard){max-width:none;inline-size:100%;padding:6px 10px 10px}.lesson.lesson--dashboard{inline-size:100%;display:block}.lesson--dashboard.lesson--flow .lesson-board{background:0 0;border:0;align-items:start;gap:12px;padding:0}.lesson--dashboard.lesson--flow .lesson-main-card{box-shadow:none;background:0 0;border:0;flex-direction:column;gap:12px;display:flex;overflow:visible}.lesson--dashboard.lesson--flow .lesson-main-card__toolbar{z-index:4;box-sizing:border-box;background:#fffffff5;border:1px solid #e8eaed;border-radius:12px;min-block-size:56px;position:sticky;inset-block-start:72px}.lesson--dashboard.lesson--flow .lesson-main-card__content,.lesson--dashboard.lesson--flow .lesson-main-card__content--flow,.lesson--dashboard.lesson--flow .lesson-read-sheet{overflow:visible}.lesson--dashboard.lesson--flow .lesson-side-card{max-block-size:none;box-shadow:none;background:0 0;border:0;flex-direction:column;gap:12px;margin:0;padding:0;display:flex;position:sticky;inset-block-start:72px;overflow:visible}.lesson--dashboard.lesson--flow .lesson-side-card__head{box-sizing:border-box;background:#fffffff5;border:1px solid #e8eaed;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;min-block-size:56px;max-block-size:56px;margin:0;padding:8px 14px;display:flex}.lesson--dashboard.lesson--flow .lesson-side-card__head .lesson-side-card__kicker{flex:none;margin:0}.lesson--dashboard.lesson--flow .lesson-side-card__head .lesson__aside-title{min-inline-size:0;font-family:var(--font-sans);text-align:end;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden}.lesson--dashboard.lesson--flow .lesson-side-card__body{background:#fff;border:1px solid #e8eaed;border-radius:12px;padding:12px}.app-loading{color:var(--learn-muted,#64748b);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px 16px;display:flex}.app-loading--inline{vertical-align:middle;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:0;display:inline-flex}.app-loading__spinner{border:2px solid #2a74a338;border-block-start-color:var(--learn-accent,var(--ns-accent));border-radius:50%;block-size:24px;inline-size:24px;animation:.65s linear infinite app-loading-spin}.app-loading--inline .app-loading__spinner{border-width:2px;block-size:16px;inline-size:16px}.app-loading__label{font-size:14px;font-weight:700;line-height:1.35}.app-loading--inline .app-loading__label{font-size:inherit;font-weight:inherit}@keyframes app-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.app-loading__spinner{border-block-start-color:var(--learn-accent,var(--ns-accent));border-inline-end-color:var(--learn-accent,var(--ns-accent));animation:none}}.bab1-canvas{gap:16px;display:grid}.bab1-canvas .sg-btn{justify-self:start}.bab1-canvas__lead,.bab1-canvas__note{color:var(--learn-ink,#0f172a);margin:0;font-size:16px;font-weight:600;line-height:1.5}.bab1-canvas__note{color:var(--learn-muted,#64748b);font-size:14px}.bab1-canvas__saved{color:var(--learn-ink,#0f172a);background:#2a74a314;border-radius:10px;margin:0;padding:12px 14px;font-size:14px;font-weight:600;line-height:1.45}.light-code-lab__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.light-code-lab__next{margin-block:12px 0 0;border-block-start:1px solid #0f172a14;padding-block-start:14px}.bab1-scenes,.bab1-checks,.bab1-split{gap:12px;display:grid}.bab1-scene,.bab1-check,.bab1-split__col{text-align:start;background:#fff;border:1px solid #e8eaed;border-radius:14px;margin:0;padding:16px}.bab1-scene h2,.bab1-split__col h2{color:var(--learn-ink,#0f172a);margin:6px 0 8px;font-size:18px;line-height:1.3}.bab1-scene p,.bab1-check span,.bab1-split__col li{color:var(--learn-muted,#64748b);margin:0;font-size:14px;font-weight:600;line-height:1.45}.bab1-scene__place{color:var(--learn-accent,var(--ns-accent));letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.bab1-check,.bab1-app,.bab1-order__moves button{font:inherit;cursor:pointer}.bab1-check{gap:6px;display:grid}.bab1-check strong{color:var(--learn-ink,#0f172a);font-size:16px}.bab1-split{grid-template-columns:repeat(2,minmax(0,1fr))}.bab1-split__col ul{margin:0;padding-inline-start:18px}.bab1-split__col--help{background:#f3fbf6}.bab1-split__col--risk{background:#fff8f3}.bab1-apps{flex-wrap:wrap;gap:8px;display:flex}.bab1-app{border-radius:var(--sg-btn-radius-sm);color:var(--learn-ink,#0f172a);background:#fff;border:2px solid #e2e8f0;align-items:center;gap:8px;padding:8px 14px;font-weight:700;transition:border-color .15s,background .15s,box-shadow .15s,color .15s;display:inline-flex}.bab1-app:hover{background:#2a74a30a;border-color:#2a74a359}.bab1-app--selected,.bab1-app.bab1-app--selected{border-color:var(--learn-accent,var(--ns-accent));color:var(--learn-accent,var(--ns-accent));background:#2a74a324;box-shadow:0 0 0 3px #2a74a32e}.bab1-app__mark{background:currentColor;border-radius:999px;flex-shrink:0;block-size:8px;inline-size:8px}.bab1-check--selected,.bab1-check.bab1-check--selected{border-color:var(--learn-accent,var(--ns-accent));background:#2a74a31a;box-shadow:0 0 0 3px #2a74a324}.bab1-field{color:var(--learn-ink,#0f172a);gap:6px;font-size:14px;font-weight:800;display:grid}.bab1-field textarea{min-block-size:88px;font:inherit;border:1px solid #d8dde6;border-radius:10px;padding:10px 12px;font-weight:600}.bab1-field textarea::placeholder{color:#64748b;font-weight:500}.reflection-guide{background:#f4f8fd;border:1px solid #dbe7f5;border-radius:10px;gap:4px;margin:0;padding:12px 14px;display:grid}.reflection-guide p{color:#0f172a;margin:0;font-size:14px;font-weight:600;line-height:1.45}.sample-tables{gap:10px;display:grid}.sample-tables--pair{grid-template-columns:1fr 1fr}.sample-table{margin:0}.sample-table figcaption{color:#64748b;letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:800}@media (max-width:720px){.sample-tables--pair{grid-template-columns:1fr}}.reflection-guide p:first-child{color:#64748b;letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:800}.bab1-order{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bab1-order__item{background:#fff;border:1px solid #e8eaed;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.bab1-order__item p{color:var(--learn-muted,#64748b);margin:4px 0 0;font-size:13px;font-weight:600}.bab1-order__moves{gap:6px;display:grid}.bab1-order__moves button{border-radius:var(--sg-btn-radius-sm);color:var(--learn-ink,#0f172a);background:#fff;border:1px solid #d8dde6;padding:6px 10px;font-size:13px;font-weight:800}.bab1-order__moves button:disabled{opacity:.4;cursor:default}@media (max-width:720px){.bab1-split{grid-template-columns:1fr}}.lesson-board{background:#f4f5f7;border:1px solid #e5e7eb;border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(220px,252px);align-items:start;gap:10px;padding:8px;display:grid}.lesson-main-card{background:#fff;border:1px solid #e8eaed;border-radius:16px;flex-direction:column;min-inline-size:0;display:flex;box-shadow:0 1px 2px #0f172a0a}.lesson-main-card__toolbar{border-block-end:1px solid #eceff3;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:10px 14px;display:grid}.lesson-main-card__heading{color:var(--learn-ink,#0f172a);font-family:var(--font-sans);letter-spacing:-.01em;text-align:center;margin:0;font-size:14px;font-weight:700;line-height:1.35}.lesson-step-picker{justify-self:end;align-items:center;gap:8px;display:inline-flex}.lesson-step-picker__label{color:var(--learn-muted,#64748b);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:800}.lesson-step-picker__select{min-inline-size:148px;max-inline-size:220px;color:var(--learn-ink,#0f172a);appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #d8dde6;border-radius:8px;padding:8px 32px 8px 12px;font-size:13px;font-weight:700}.lesson-main-card__ribbon{background:#fafbfc;border-block-end:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 14px;display:flex}.lesson-main-card__kicker{min-inline-size:0;color:var(--learn-muted,#64748b);flex:160px;margin:0;font-size:13px;font-weight:700;line-height:1.35}.lesson-main-card__chips{flex-wrap:wrap;gap:8px 14px;margin:0;display:flex}.lesson-main-card__chips div{align-items:baseline;gap:6px;display:flex}.lesson-main-card__chips dt{color:#64748b;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.lesson-main-card__chips dd{color:var(--learn-ink,#0f172a);margin:0;font-size:14px;font-weight:800}.lesson-mini-chart{flex:120px;align-items:flex-end;gap:4px;block-size:36px;min-inline-size:80px;max-inline-size:200px;display:flex}.lesson-mini-chart--ribbon{margin-inline-start:auto}.lesson-main-card__content{flex-direction:column;gap:16px;padding:16px;display:flex}.lesson-main-card__content--flow{padding:12px 14px 14px}.lesson-reader{gap:14px;display:grid}.lesson-reader__goal,.lesson-reader__remember,.lesson-reader__summary,.lesson-reader__example{border-radius:12px;margin:0;padding:12px 14px}.lesson-reader__goal{background:#2a74a314}.lesson-reader__goal span,.lesson-reader__example h3{color:var(--learn-accent,var(--ns-accent));letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:13px;font-weight:800;display:block}.lesson-reader__prose{gap:12px;display:grid}.lesson-reader__prose p,.lesson-reader__example p,.lesson-reader__summary{margin:0;line-height:1.6}.lesson-reader__prose h3{margin:0 0 4px;font-size:16px}.lesson-reader__example{background:#f8fafc;border:1px solid #e8ecf1}.lesson-reader__remember{background:var(--ns-warning-soft)}.lesson-check{gap:12px;margin-top:16px;display:grid}.lesson-check fieldset,.lesson-check label{border:0;gap:8px;margin:0;padding:0;display:grid}.lesson-check legend{margin-bottom:8px;font-weight:800}.lesson-check textarea,.lesson-check select{border:1px solid #d8dde6;border-radius:10px;width:100%;padding:10px}.lesson-check textarea{min-height:120px}.fill-script{gap:14px;display:grid}.fill-script__guide{color:#0f172a;background:#f4f8fd;border:1px solid #dbe7f5;border-radius:10px;gap:6px;margin:0;padding:12px 14px 12px 32px;font-size:14px;font-weight:600;line-height:1.45;display:grid}.fill-script__pair{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:12px;display:grid}.fill-script__sample,.fill-script__yours{min-inline-size:0;margin:0}.fill-script__sample figcaption,.fill-script__label{color:var(--learn-muted,#64748b);letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}@media (max-width:800px){.fill-script__pair{grid-template-columns:1fr}}.fill-script__code{color:#e2e8f0;white-space:pre;background:#0f172a;border:1px solid #dbe3ee;border-radius:12px;margin:0;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.85;overflow:auto}.fill-script__code--sample{color:#0f172a;background:#f8fafc;border-color:#e2e8f0}.fill-script__line{display:block}.fill-script__blank{color:#fef9c3;min-inline-size:4.5ch;max-inline-size:18ch;font:inherit;vertical-align:baseline;border:0;background:#1e293b;border-block-end:2px solid #facc15;border-radius:6px;margin-inline:4px;padding:1px 8px;line-height:1.4;display:inline-block}.fill-script__blank:focus{outline-offset:1px;outline:2px solid #38bdf8}.lesson__task--fill{gap:10px}.lesson__task--fill .lesson__task-kicker{letter-spacing:.06em;margin:0;font-size:13px}.lesson__task--fill h3{margin:0;font-size:15px;font-weight:700;line-height:1.4}.lesson__task--fill .lesson__hint{max-inline-size:68ch;font-size:14px;font-weight:500;line-height:1.45}.lesson__task--fill .fill-script__sample figcaption,.lesson__task--fill .fill-script__label{letter-spacing:.06em;font-size:13px;font-weight:700}.lesson__task--fill .fill-script__code,.lesson__task--fill .fill-script__blank{font-size:13px;font-weight:500;line-height:1.6}.lesson__task--fill .fill-script__blank{vertical-align:baseline;padding:0 6px}.lesson__task--features{gap:16px}.lesson--dashboard .lesson__task--features{padding:18px 18px 22px}.lesson__task--features h3{margin-block-end:0}.lesson__task--features .app-form{gap:16px;margin-block:0}.lesson__feature-step-label{margin-block-start:4px}.lesson__feature-toggles{border:1px solid var(--learn-border,#e2e8f0);background:#fff;border-radius:12px;gap:14px;padding:12px 14px;display:grid}.lesson__task--features .sg-btn{align-self:flex-start}.lesson__task--train{gap:14px}.lesson__task--train h3{margin-block-end:0}.lesson__task--train .zoo-train{margin-block-start:2px}.lesson__task--dataset-preview{border-color:var(--learn-border,#e2e8f0);background:#fff;gap:20px;padding:26px 28px;box-shadow:0 1px 2px #0f172a0d}.lesson__task--dataset-preview h3{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800}.lesson__task--dataset-preview .sms-spam--dataset-preview{gap:22px}.lesson__task--fill .sg-btn{place-self:start;inline-size:auto}.lesson__task--fill{gap:10px;display:grid}.lesson-guided{gap:16px;display:grid}.lesson-check--curriculum{border:0;gap:14px;margin:0;padding:0;display:grid}.lesson-check__prompt{color:var(--learn-ink,#0f172a);margin:0;font-size:15px;font-weight:700;line-height:1.45}.lesson-check__feedback{color:var(--learn-accent,var(--ns-accent));margin:0;font-size:14px;font-weight:600;line-height:1.45}.curriculum-sort{gap:10px;margin:0;padding:0;list-style:none;display:grid}.curriculum-sort__row{border:1px solid var(--learn-border,#e2e8f0);background:#fff;border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(140px,.9fr);align-items:center;gap:10px;padding:10px 12px;display:grid}.curriculum-sort__label{font-size:14px;font-weight:700;line-height:1.35}.curriculum-sort__select{border:1px solid #d8dde6;border-radius:8px;width:100%;padding:8px 10px;font-size:14px}@media (max-width:560px){.curriculum-sort__row{grid-template-columns:1fr}}.lesson-read-sheet{background:linear-gradient(#f8fafc 0%,#fff 42%);border:1px solid #e8ecf1;border-radius:12px;padding:18px 20px 16px}.lesson-read-sheet__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;margin-block-end:14px;display:flex}.lesson-read-sheet__mission{color:var(--learn-muted,#64748b);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.lesson-read-sheet__step{color:var(--learn-accent,var(--ns-accent));margin:0;font-size:13px;font-weight:800}.lesson-read-sheet__brief{border-inline-start:3px solid var(--learn-accent,var(--ns-accent));color:var(--learn-ink,#0f172a);background:#2a74a30f;border-radius:0 8px 8px 0;margin:0 0 12px;padding:10px 12px;font-size:14px;font-weight:600;line-height:1.45}.lesson-read-sheet__prose{background:#fff;border:1px solid #e8ecf1;border-radius:10px;padding:14px 16px}.lesson-read-sheet__prose .lesson__body{max-inline-size:none;margin:0;font-size:17px;line-height:1.6}.lesson-read-sheet__action{border-block-start:1px solid #e8ecf1;margin-block-start:14px;padding-block-start:14px}.lesson-read-sheet__action .lesson__task{background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kicker kicker""title title""hint btn";align-items:center;gap:6px 16px;margin:0;padding:0;display:grid}.lesson-read-sheet__action .lesson__task-kicker{grid-area:kicker;margin:0}.lesson-read-sheet__action .lesson__task h3{grid-area:title;margin:0;font-size:16px}.lesson-read-sheet__action .lesson__hint{grid-area:hint;margin:0;font-size:13px;line-height:1.4}.lesson-read-sheet__action .lesson__task .duo-btn,.lesson-read-sheet__action .lesson__task .sg-btn{grid-area:btn;justify-self:end}.lesson__nav.lesson-read-sheet__nav{border-block-start:1px solid #e8ecf1;justify-content:space-between;align-items:center;gap:14px;margin-block-start:12px;padding:18px 4px 8px}.lesson-check--curriculum .sg-btn{justify-self:start}.lesson-read-sheet__nav .sg-btn--disabled{display:none}.lesson-main-card__work{flex-direction:column;gap:12px;min-inline-size:0;display:flex}.lesson-mini-chart__bar{block-size:var(--bar-h,30%);background:#2a74a338;border-radius:4px 4px 0 0;flex:1 1 0;min-block-size:6px}.lesson-mini-chart__bar--done{background:#2a74a38c}.lesson-mini-chart__bar--active{background:var(--learn-accent,var(--ns-accent))}.lesson-mini-chart__bar--locked{background:#e2e8f0}.lesson-main-card__content>.lesson__body.lesson-main-card__lead{max-inline-size:none;margin:0;font-size:15px;font-weight:600;line-height:1.5}.lesson-main-card__foot{border-block-start:1px solid #eceff3;margin-block-start:0;padding:10px 14px 12px}.lesson--dashboard.lesson--flow .lesson__nav.lesson-main-card__foot{border-block-start:1px solid #e8ecf1;justify-content:space-between;align-items:center;gap:14px;margin-block-start:8px;padding:18px 16px 8px}.lesson--dashboard.lesson--flow .lesson-main-card__foot .lesson-main-card__foot-spacer{display:none}.lesson-main-card__foot-spacer{block-size:1px;inline-size:1px;display:block}.lesson--dashboard .lesson__task{background:#f8fafc;border-color:#e8eaed;border-radius:12px;margin-block-start:0;padding:14px 16px}.lesson-side-card{background:#f9fafb;border:1px solid #e8eaed;border-radius:12px;flex-direction:column;max-block-size:calc(100dvb - 100px);padding:20px 18px 18px;display:flex;position:sticky;inset-block-start:88px;overflow:auto;box-shadow:inset 0 1px #fff}.lesson-side-card--compact{padding:12px 12px 10px}.lesson-side-card--compact .lesson__aside-title{font-size:15px;line-height:1.25}.lesson-side-card--compact .lesson__aside-meta{margin-block:4px 0;font-size:13px}.lesson-side-card--compact .lesson__progress--compact{margin-block:8px 6px}.lesson-side-card--compact .lesson__step{padding:7px 8px}.lesson-side-card--compact .lesson__step-copy strong{font-size:13px}.lesson-side-card__kicker{color:var(--learn-muted,#64748b);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:800}.lesson-side-card__art{background:linear-gradient(145deg,#fff 0%,#f1f5f9 100%);border-radius:12px;block-size:112px;margin-block-end:18px;position:relative;overflow:hidden}.lesson-side-card__tile{border-radius:6px;position:absolute;box-shadow:0 8px 20px #0f172a14}.lesson-side-card__tile--a{background:var(--learn-accent,var(--ns-accent));block-size:44px;inline-size:44px;inset-block-start:22px;inset-inline-start:18px;transform:rotate(-8deg)}.lesson-side-card__tile--b{background:#fff;border:1px solid #e2e8f0;block-size:36px;inline-size:36px;inset-block-start:34px;inset-inline-start:58px;transform:rotate(12deg)}.lesson-side-card__tile--c{background:#2a74a32e;block-size:28px;inline-size:52px;inset-block-end:16px;inset-inline-end:24px;transform:skew(-12deg)}.lesson-side-card__tile--d{background:#cbd5e1;border-radius:999px;block-size:22px;inline-size:22px;inset-block-start:18px;inset-inline-end:20px}@media (max-width:900px){.lesson-board{grid-template-columns:1fr}.lesson-side-card{order:-1;max-block-size:none;position:static}.lesson-read-sheet__action .lesson__task{grid-template-columns:1fr;grid-template-areas:"kicker""title""hint""btn"}.lesson-read-sheet__action .lesson__task .duo-btn,.lesson-read-sheet__action .lesson__task .sg-btn{justify-self:stretch}.lesson-mini-chart--ribbon{max-inline-size:none;margin-inline-start:0}.lesson-main-card__toolbar{grid-template-columns:1fr;justify-items:start}.lesson-main-card__heading{text-align:start}.lesson-step-picker{justify-self:stretch;inline-size:100%}.lesson-step-picker__select{flex:auto;max-inline-size:none}}.lesson__hero{border:1px solid var(--learn-border);background:linear-gradient(135deg,#2a74a314 0%,#2a74a305 48%,#fff 100%),#fff;border-radius:18px;margin-block-end:16px;padding:22px 24px}.lesson__hero-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-block-end:14px;display:flex}.lesson__back{color:var(--learn-accent);align-items:center;gap:8px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.lesson__back:hover{text-decoration:underline}.lesson__back-chevron{border-block-start:2.5px solid;border-inline-start:2.5px solid;block-size:8px;inline-size:8px;display:block;transform:rotate(-45deg)}.lesson__step-badge{background:var(--learn-accent-soft);color:var(--learn-accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex}.lesson__mission{color:var(--learn-muted);margin:0 0 6px;font-size:13px;font-weight:700}.lesson__hero h1{color:var(--learn-ink);font-family:var(--font-display);font-size:32px;font-weight:var(--font-display-weight);margin:0;line-height:1.12}.lesson__hero-progress{max-inline-size:320px;margin-block-start:16px}.lesson__panel{border:1px solid var(--learn-border);background:#fff;border-radius:18px;flex-direction:column;gap:24px;padding:24px;display:flex}.lesson__panel .lesson__task{border-color:var(--learn-border);margin-block-start:0}.lesson__aside-title{color:var(--learn-ink);font-family:var(--font-display);margin:0;font-size:20px;line-height:1.2}.lesson__aside-meta{color:var(--learn-muted);margin:6px 0 0;font-size:13px;font-weight:600}.sg--sidebar-nav .app-main{padding-block-end:32px}.sg--sidebar-nav .app-main--with-sidebar,.sg-nav__inner--compact{max-inline-size:1400px}.sg-nav{z-index:20;pointer-events:none;background:0 0;border:0;position:fixed;inset-block-start:12px;inset-inline:0}.sg-nav__inner{border:2px solid var(--border-color);pointer-events:auto;background:#fff;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;block-size:56px;inline-size:calc(100% - 24px);max-inline-size:1080px;margin-inline:auto;padding-inline:20px 8px;display:flex;box-shadow:0 10px 28px #181d2714}.sg-nav__brand{align-items:center;gap:12px;min-inline-size:0;text-decoration:none;display:flex}.sg-nav__mark{border:1px solid var(--border-color);block-size:36px;inline-size:36px;color:var(--green);letter-spacing:-.02em;background:#2a74a31a;border-radius:12px;flex-shrink:0;place-items:center;font-size:14px;font-weight:900;display:grid}.sg-nav__brand-copy{flex-direction:column;gap:1px;min-inline-size:0;display:flex}.sg-nav__kicker--brand{color:var(--dark-blue);letter-spacing:0;text-transform:none;font-size:14px;font-weight:800;line-height:1.1}.sg-nav__kicker--area{color:var(--gray-light);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1.2}.sg-nav__context{border-inline-start:1px solid var(--border-color);flex:1;min-inline-size:0;margin-inline:4px 12px;padding-inline:14px}.sg-nav__context-title{color:var(--dark-blue);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:800;line-height:1.2;overflow:hidden}.sg-nav__context-hint{color:var(--gray-light);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.sg-nav__logo{block-size:33px;inline-size:140px;display:block}.sg-nav__divider{background:var(--border-color);flex-shrink:0;block-size:24px;inline-size:1px}.sg-nav__kicker{color:var(--gray-light);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;margin:0;font-size:13px;font-weight:800}.sg-nav__links{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sg-nav__links a{block-size:40px;color:var(--nav-text);letter-spacing:.5px;text-transform:uppercase;border-radius:999px;align-items:center;padding-inline:16px;font-size:13px;font-weight:700;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.sg-nav__links a:hover,.sg-nav__links a[aria-current=true]{color:var(--green);background:#2a74a31a}.sg-nav__links a[aria-current=true]{position:relative}.sg-nav__links a[aria-current=true]:after{content:"";background:var(--green);border-radius:999px;block-size:3px;inline-size:16px;position:absolute;inset-block-end:6px}.sg-nav .sg-btn{border-radius:var(--sg-btn-radius-sm);block-size:36px;box-shadow:none;padding-inline:16px}.sg-nav .sg-btn:active{transform:none}.sg-nav__end{align-items:center;gap:8px;display:flex}.mode-switch{border:2px solid var(--border-color);background:#f7f7f7;border-radius:999px;flex-shrink:0;align-items:center;padding:3px;display:flex}.mode-switch__btn{block-size:32px;color:var(--gray-light);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;border-radius:999px;padding-inline:12px;font-family:inherit;font-size:13px;font-weight:800}.mode-switch__btn--on{background:var(--green);color:#fff}.app-modal{z-index:40;box-sizing:border-box;padding:max(20px, env(safe-area-inset-top,0px)) max(20px, env(safe-area-inset-right,0px)) max(20px, env(safe-area-inset-bottom,0px)) max(20px, env(safe-area-inset-left,0px));overscroll-behavior:contain;background:#181d2773;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.app-modal__card{border:2px solid var(--border-color);background:#fff;border-radius:20px;inline-size:min(420px,100%);padding:24px;box-shadow:0 20px 48px #181d2733}.app-modal__card--class{border-color:#e0e7ff;max-block-size:min(85dvb,720px);inline-size:min(680px,100%);padding:28px;overflow:auto;box-shadow:0 24px 56px #2a74a329}.app-modal__card h2{color:var(--dark-blue);font-family:var(--font-display);margin:0;font-size:26px;line-height:1.15}.app-modal__card p{color:var(--gray-text);margin:12px 0 0;font-size:15px;font-weight:600;line-height:1.45}.app-modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-block-start:20px;display:flex}.app-modal__field{flex-direction:column;gap:8px;margin-block-start:20px;display:flex}.app-modal__field label{color:var(--dark-blue);font-size:13px;font-weight:800}.app-modal__card--art{grid-template-columns:1fr 1fr;inline-size:min(720px,100%);padding:0;display:grid;overflow:clip}.app-modal__art{background:var(--ns-accent-soft,var(--ns-accent-soft));min-block-size:280px;position:relative}.app-modal__art img{object-fit:contain;padding:16px}.app-modal__body{padding:24px}.app-modal__body .app-modal__field{margin-block-start:16px}.app-modal__card--success{text-align:center;border-color:var(--ns-accent);box-shadow:0 20px 48px #2a74a32e}.voucher-success__badge{color:var(--ns-accent);letter-spacing:.04em;text-transform:uppercase;background:#e8f1fd;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:6px 14px;font-size:13px;font-weight:800;display:inline-flex}.app-modal__card--success h2{margin-block-start:14px}.app-modal__card--success .app-modal__actions{justify-content:center}.sg--learn .app-modal__card--success{border-color:var(--ns-accent)}.sg--learn .voucher-success__badge{color:var(--ns-accent);background:#e8f1fd}@media (max-width:700px){.app-modal__card--art{grid-template-columns:1fr}.app-modal__art{min-block-size:112px}.app-modal__body{padding:16px 16px 18px}}.guide-modal__art{place-items:stretch stretch;display:grid}.guide-modal{min-block-size:0;max-block-size:min(820px,94vh);inline-size:min(56rem,100%);overflow:auto}.guide-modal .app-modal__art{min-block-size:360px}.guide-art{width:100%;height:100%;display:block}.guide-modal .guide-art{min-height:360px}.guide-modal__body h2{margin:8px 0 10px}.guide-modal__kicker{color:var(--learn-muted,#64748b);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.guide-modal__dots{gap:8px;margin-block:18px 0;display:flex}.guide-modal__dot{background:#cbd5e1;border-radius:999px;block-size:8px;inline-size:8px}.guide-modal__dot.is-active{background:var(--learn-accent,var(--ns-accent));inline-size:22px}.guide-modal__actions{justify-content:space-between;align-items:center}.guide-modal__skip{color:var(--learn-muted,#64748b);cursor:pointer;font:inherit;background:0 0;border:0;font-size:13px;font-weight:700}.guide-modal__skip:hover{color:var(--learn-ink,#0f172a)}.guide-modal__nav{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:700px){.guide-modal{min-block-size:0;max-block-size:min(820px,94vh)}.guide-modal .app-modal__art{min-block-size:clamp(240px,48vw,300px)}.guide-modal .guide-art{min-height:clamp(240px,48vw,300px)}}.page-back{border:2px solid var(--border-color);block-size:40px;color:var(--dark-blue);background:#fff;border-radius:999px;align-items:center;gap:10px;margin-block-end:20px;padding-inline:14px 16px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 6px 16px #181d270f}.page-back:hover{border-color:var(--orange);color:var(--dark-blue);background:#2a74a31a}.page-back:active{transform:translateY(1px)}.page-back__chevron{border-block-start:2.5px solid;border-inline-start:2.5px solid;block-size:8px;inline-size:8px;display:block;transform:rotate(-45deg)}.class-page__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-block-end:16px;display:flex}.class-page__head h1{color:var(--dark-blue);font-family:var(--font-display);text-transform:none;margin:0;font-size:36px;line-height:1.1}.class-page__head p{color:var(--gray-light);margin:6px 0 0;font-size:15px;font-weight:600}.class-assign{border:2px solid var(--border-color);background:#fff;border-radius:20px;margin-block-end:20px;padding:16px 18px}.class-assign .dash-kicker{margin:0 0 10px}.class-assign__hint{color:var(--gray-light);margin:10px 0 12px;font-size:14px;font-weight:600}.class-roster{border:2px solid var(--border-color);background:#fff;border-radius:20px;margin-block-end:20px;padding:16px 18px}.class-roster__head{margin-block-end:14px}.class-roster__title{color:var(--dark-blue);font-family:var(--font-display);text-transform:none;margin:4px 0 0;font-size:24px;line-height:1.15}.class-roster__intro{color:var(--gray-light);margin:8px 0 0;font-size:14px;font-weight:600}.class-roster__table strong{color:var(--dark-blue)}.class-roster__actions{text-align:end;white-space:nowrap}.auth-split__sso-note{color:var(--auth-muted,#475467);margin:0;font-size:13px;font-weight:600;line-height:1.5}.class-alerts{background:#fff7f7;border:2px solid #fecaca;border-radius:20px;margin-block-end:20px;padding:16px 18px}.class-alerts__head{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;margin-block-end:14px;display:flex}.class-alerts__title{color:var(--dark-blue);font-family:var(--font-display);text-transform:none;margin:4px 0 0;font-size:24px;line-height:1.15}.class-alerts__intro{max-inline-size:62ch;color:var(--gray-light);margin:8px 0 0;font-size:14px;font-weight:600}.class-alerts__badge{color:#fff;white-space:nowrap;background:#ef4444;border-radius:999px;align-items:center;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex}.class-alerts__empty{color:var(--gray-light);margin:0;font-size:14px;font-weight:600}.class-alerts__list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.class-alerts__item{background:#fff;border:1.5px solid #fecaca;border-radius:16px;padding:14px 16px}.class-alerts__item.is-pending{border-color:#f87171;box-shadow:0 0 0 1px #f8717126}.class-alerts__item-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.class-alerts__item-head strong{color:var(--dark-blue);font-size:16px}.class-alerts__item-head time{color:var(--gray-light);font-size:13px;font-weight:600}.class-alerts__reason{color:#b91c1c;margin:8px 0 0;font-size:15px;font-weight:800}.class-alerts__meta,.class-alerts__note{color:var(--gray-light);margin:6px 0 0;font-size:14px;font-weight:600}.class-alerts__status{color:#b45309;margin:10px 0 0;font-size:13px;font-weight:800}.class-alerts__status.is-reviewed{color:var(--gray-light)}.class-alerts__actions{flex-wrap:wrap;gap:8px;margin-block-start:12px;display:flex}.class-alerts__excerpt{color:var(--dark-blue);background:#fff5f5;border-inline-start:3px solid #f87171;border-radius:0 12px 12px 0;margin:10px 0 0;padding:12px 14px;font-size:14px;font-style:normal;font-weight:600;line-height:1.5}.class-alerts__excerpt-label{color:#b91c1c;letter-spacing:.02em;text-transform:uppercase;margin-block-end:6px;font-size:13px;font-weight:800;display:block}.class-alerts__badge--inline{font-size:13px}.class-student__alert-pill{color:#b91c1c;background:#fee2e2;border-radius:999px;margin-inline-start:8px;padding:2px 8px;font-size:13px;font-weight:800;display:inline-flex}.class-review{min-inline-size:160px}.class-mine{gap:14px;margin-block:16px 4px;padding:0;list-style:none;display:grid}.class-mine__item{background:#e8f1fd;border:1.5px solid #c7d2fe;border-radius:20px;gap:16px;padding:18px;display:grid}.class-mine__head{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:10px;display:flex}.class-mine__head h3{color:var(--dark-blue);font-family:var(--font-display);text-transform:none;margin:0;font-size:28px;line-height:1.1}.class-mine__head p{color:var(--gray-light);margin:4px 0 0;font-size:13px;font-weight:700}.class-mine__chip{max-inline-size:28ch;color:var(--ns-accent);background:#fff;border:1.5px solid #c7d2fe;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800;line-height:1.3}.class-mine__block{gap:10px;display:grid}.class-mine__label{color:var(--ns-accent);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:13px;font-weight:800;display:flex}.class-mine__label span{color:var(--gray-light);letter-spacing:0;text-transform:none;font-size:13px;font-weight:700}.class-person{background:#fff;border:1.5px solid #e0e7ff;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.class-person__copy strong{color:var(--dark-blue);font-size:16px;display:block}.class-person__copy span{color:var(--gray-light);margin-block-start:2px;font-size:13px;font-weight:600;display:block}.class-face{color:#fff;letter-spacing:0;text-align:center;border-radius:999px;flex:none;place-items:center;block-size:44px;inline-size:44px;font-size:14px;font-weight:800;line-height:1;display:grid;overflow:hidden}.class-face--lg{block-size:52px;inline-size:52px;font-size:16px}.class-face--teacher{background:var(--ns-accent);box-shadow:0 4px #1248a0}.class-face--self{background:var(--ns-accent);box-shadow:0 3px #1248a0}.class-face--a{background:#1558c0}.class-face--b{background:var(--ns-accent-bright)}.class-face--c{background:var(--ns-accent-light)}.class-face--empty{border:2px dashed var(--border-color);color:var(--gray-light);background:#fff;font-size:22px;font-weight:500}.class-people{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.class-people figure{justify-items:center;gap:6px;margin:0;display:grid}.class-people figcaption{max-inline-size:100%;color:var(--dark-blue);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.class-mine__actions{justify-content:flex-end;gap:12px}.sg--learn .app-modal{background:#0f172a6b}.sg.sg--learn .app-modal__card--class{--sg-btn-radius:999px;--sg-btn-radius-sm:999px;background:#fff;border:1.5px solid #e9eaeb;border-radius:14px;padding:28px;box-shadow:0 24px 64px #0f172a29}.sg.sg--learn .app-modal__card--class h2{color:#181d27;font-family:var(--font-sans);letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:32px}.sg.sg--learn .app-modal__card--class>p{color:#475569;margin-block-start:8px;font-size:14px;font-weight:400;line-height:20px}.sg.sg--learn .app-modal__card--class .app-modal__field{gap:8px;margin-block-start:20px}.sg.sg--learn .app-modal__card--class .app-modal__field label{color:#181d27;font-size:13px;font-weight:600}.sg.sg--learn .app-modal__card--class .sg-input{min-block-size:46px;font:inherit;border:1px solid #d5d7da;border-radius:10px;font-size:14px}.sg.sg--learn .app-modal__card--class .sg-input:focus-visible{border-color:var(--ns-accent-bright);outline-offset:1px;outline:3px solid #328bc429}.sg.sg--learn .app-modal__card--class .app-modal__actions .sg-btn{background:var(--ns-accent);color:#fff;border-radius:999px;min-block-size:46px;padding-inline:22px;font-size:14px;font-weight:600}.sg.sg--learn .app-modal__card--class .app-modal__actions .sg-btn:not(.sg-btn--secondary):not(.sg-btn--ghost):hover{background:var(--ns-accent-hover);color:#fff}.sg.sg--learn .app-modal__card--class .app-modal__actions .sg-btn--secondary{border-color:var(--ns-accent-light);color:var(--ns-accent-hover);background:#fff}.sg.sg--learn .app-modal__card--class .app-modal__actions .sg-btn--secondary:hover{border-color:var(--ns-accent-bright);background:var(--ns-accent-tint);color:var(--ns-accent-hover)}.sg.sg--learn .app-modal__card--class .app-modal__actions .sg-btn--ghost{color:var(--ns-accent-hover);background:0 0}.sg.sg--learn .app-modal__card--class .app-modal__actions .sg-btn--ghost:hover{background:var(--ns-accent-tint);color:var(--ns-accent-hover)}.sg--learn .app-modal__card--class .dash-kicker{color:var(--ns-accent)}.class-page{flex-direction:column;gap:12px;min-block-size:0;display:flex}.class-page__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.class-page__learn-btn{white-space:nowrap}.class-page__stats{flex-wrap:wrap;gap:8px;display:flex}.class-page__stat{border:1px solid var(--learn-border,var(--border-color));color:var(--learn-muted,var(--gray-light));background:#fff;border-radius:999px;align-items:baseline;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.class-page__stat strong{color:var(--learn-accent,var(--ns-accent));font-family:var(--font-display);font-size:18px;font-weight:var(--font-display-weight-stat);line-height:1}.class-page__stat--alert{background:#fff7f7;border-color:#f8717173}.class-page__stat--alert strong{color:#dc2626}.class-assign-panel{border:1px solid var(--learn-border,var(--border-color));background:#fff;border-radius:16px;overflow:clip}.class-assign-panel__toggle{inline-size:100%;color:inherit;cursor:pointer;font:inherit;text-align:start;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.class-assign-panel__toggle .dash-kicker{margin:0 0 4px;display:block}.class-assign-panel__summary{color:var(--learn-ink,var(--dark-blue));font-size:15px;font-weight:700;line-height:1.35;display:block}.class-assign-panel__chevron{border-block-end:2.5px solid var(--learn-accent,var(--ns-accent));border-inline-end:2.5px solid var(--learn-accent,var(--ns-accent));flex:none;block-size:10px;inline-size:10px;transition:transform .18s;transform:rotate(45deg)}.class-assign-panel__chevron.is-open{transform:rotate(225deg)}.class-assign-panel__body{border-block-start:1px solid var(--learn-border,var(--border-color));gap:10px;padding:0 16px 16px;display:grid}.class-alerts__list--scroll{max-block-size:min(280px,40dvh);padding-inline-end:2px;overflow-y:auto}.class-workspace{flex:1;grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:12px;min-block-size:min(480px,100dvh - 220px);max-block-size:calc(100dvh - 180px);display:grid}.class-workspace__rail,.class-workspace__main{border:1px solid var(--learn-border,var(--border-color));background:#fff;border-radius:16px;flex-direction:column;min-block-size:0;display:flex;overflow:hidden}.class-workspace__rail-head{justify-content:space-between;align-items:center;gap:8px;padding:14px 14px 10px;display:flex}.class-workspace__title{color:var(--learn-ink,var(--dark-blue));margin:0;font-size:16px;font-weight:800}.class-workspace__count{background:var(--learn-accent-soft,#2a74a31a);min-inline-size:28px;color:var(--learn-accent,var(--ns-accent));border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-size:13px;font-weight:800;display:inline-flex}.class-workspace__search{gap:6px;padding:0 14px 10px;display:grid}.class-workspace__search-label{color:var(--learn-muted,var(--gray-light));letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800}.class-workspace__search .sg-input{inline-size:100%}.class-workspace__list{flex-direction:column;flex:1;gap:0;min-block-size:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.class-workspace__student{border:none;border-block-start:1px solid var(--learn-border,var(--border-color));inline-size:100%;color:inherit;cursor:pointer;font:inherit;text-align:start;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;transition:background .12s;display:grid}.class-workspace__student:hover{background:#f8fafc}.class-workspace__student.is-active{background:var(--learn-accent-soft,#2a74a31a)}.class-workspace__student .class-face{block-size:36px;inline-size:36px;font-size:13px}.class-workspace__student-copy{gap:2px;min-inline-size:0;display:grid}.class-workspace__student-copy strong{color:var(--learn-ink,var(--dark-blue));text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.class-workspace__student-copy span{color:var(--learn-muted,var(--gray-light));text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.class-workspace__student-meta{color:var(--learn-muted,var(--gray-light));white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.class-workspace__empty,.class-workspace__empty-main{color:var(--learn-muted,var(--gray-light));text-align:center;margin:0;padding:20px 16px;font-size:14px;font-weight:600}.class-workspace__main-head{border-block-end:1px solid var(--learn-border,var(--border-color));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.class-workspace__main-who{align-items:center;gap:12px;min-inline-size:0;display:flex}.class-workspace__main-who h2{color:var(--learn-ink,var(--dark-blue));margin:0;font-size:18px;font-weight:800;line-height:1.2}.class-workspace__main-who p{color:var(--learn-muted,var(--gray-light));text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:13px;font-weight:600;overflow:hidden}.class-workspace__main-stats{color:var(--learn-muted,var(--gray-light));flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.class-workspace__table-wrap{border:none;border-radius:0;flex:1;min-block-size:0;margin:0;overflow:auto}.class-workspace__table-wrap .app-table{margin:0}.class-students{gap:10px;margin-block:16px;display:grid}.class-student{border:2px solid var(--border-color);background:#fff;border-radius:20px;overflow:clip}.class-student[open]{border-color:var(--orange)}.class-student__summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;list-style:none;display:grid}.class-student__summary::-webkit-details-marker{display:none}.class-student__summary::marker{display:none}.class-student__chevron{border-block-end:2.5px solid var(--orange);border-inline-end:2.5px solid var(--orange);block-size:10px;inline-size:10px;transition:transform .18s;display:inline-block;transform:rotate(45deg)}.class-student[open] .class-student__chevron{transform:rotate(225deg)}.class-student__who{gap:2px;min-inline-size:0;display:grid}.class-student__who strong{color:var(--dark-blue);font-size:16px}.class-student__who span{color:var(--gray-light);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.class-student__meta{color:var(--gray-light);white-space:nowrap;font-size:13px;font-weight:700}.class-student__body{border-block-start:1px solid var(--border-color)}.class-student .app-table-scroll,.class-student .app-table{margin:0}.profile-hero{border:2px solid var(--border-color);background:#fff;border-radius:28px;align-items:center;gap:20px;margin-block-end:16px;padding:24px;display:flex}.profile-hero__avatar{background:var(--green);color:#fff;block-size:88px;inline-size:88px;font-family:var(--font-display);border-radius:999px;flex-shrink:0;place-items:center;font-size:32px;line-height:1;display:grid}.profile-hero h1{color:var(--dark-blue);font-family:var(--font-display);text-transform:none;margin:0;font-size:36px;line-height:1.1}.profile-hero p{color:var(--gray-light);margin:6px 0 0;font-size:15px;font-weight:600}.profile-tabs{flex-wrap:wrap;gap:8px;margin-block-end:16px;display:flex}.profile-tab{border:2px solid var(--border-color);color:var(--gray-text);cursor:pointer;background:#fff;border-radius:999px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:800}.profile-tab:hover{border-color:var(--orange);color:var(--dark-blue)}.profile-tab.is-active{border-color:var(--orange);background:var(--orange);color:#fff}.profile-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.profile-panel{border:2px solid var(--border-color);background:#fff;border-radius:24px;padding:24px}.profile-panel h2{color:var(--dark-blue);font-family:var(--font-display);text-transform:none;margin:0;font-size:28px;line-height:1.15}.profile-panel>p{color:var(--gray-light);margin:8px 0 0;font-size:15px;font-weight:600;line-height:1.45}.profile-panel .app-form{margin-block-start:20px}.claim-list{flex-direction:column;gap:12px;margin:20px 0 0;padding:0;list-style:none;display:flex}.claim-card{border:2px solid var(--border-color);background:#fffaf4;border-radius:16px;padding:16px}.claim-card__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.claim-card__top strong{color:var(--dark-blue);font-size:16px;font-weight:800}.claim-card__code{color:var(--dark-blue);letter-spacing:.04em;margin:8px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:700}.claim-card__meta{color:var(--gray-light);margin:8px 0 0;font-size:13px;font-weight:600;line-height:1.45}.app-profile{position:relative}.app-profile__avatar{border:2px solid var(--green-shadow);background:var(--green);color:#fff;cursor:pointer;letter-spacing:.04em;border-radius:999px;place-items:center;block-size:40px;inline-size:40px;padding:0;font-family:inherit;font-size:13px;font-weight:800;display:grid}.app-profile__avatar:hover{background:var(--green-hover)}.app-profile__menu{z-index:30;border:2px solid var(--border-color);background:#fff;border-radius:16px;flex-direction:column;min-inline-size:220px;padding:8px;display:flex;position:absolute;inset-block-start:calc(100% + 10px);inset-inline-end:0;box-shadow:0 16px 36px #181d271f}.app-profile__meta{border-block-end:1px solid var(--border-color);flex-direction:column;gap:2px;margin-block-end:6px;padding:10px 12px 12px;display:flex}.app-profile__meta strong{color:var(--dark-blue);font-size:14px}.app-profile__meta span{color:var(--gray-light);text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.app-profile__role{letter-spacing:.06em;text-transform:uppercase;background:#2a74a324;border-radius:999px;align-self:flex-start;padding:2px 8px;color:var(--green)!important;font-size:10px!important;font-weight:800!important}.app-profile__item{inline-size:100%;color:var(--gray-text);cursor:pointer;text-align:start;background:0 0;border:0;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;display:block}.app-profile__item:hover{color:var(--green);background:#2a74a31a}.app-profile__item--danger{color:var(--red)}.app-profile__item--danger:hover{color:var(--red);background:#ff4b4b14}.app-mobile-nav{z-index:25;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));border-block-start:1px solid var(--border-color);background:#fff;justify-content:space-around;display:none;position:fixed;inset-block-end:0;inset-inline:0;box-shadow:0 -8px 24px #181d2714}.app-mobile-nav__link{color:var(--gray-light);letter-spacing:.04em;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 14px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.app-mobile-nav__link[aria-current=true]{color:var(--green);background:#2a74a31f}.sg-hero{text-align:center;background:linear-gradient(#2a74a347 0%,#fff 78%);place-items:center;padding:56px 40px 40px;display:grid}.sg-hero__inner{flex-direction:column;align-items:center;max-inline-size:1440px;display:flex}.sg-hero h1{color:#ff9600;font-family:var(--font-display);font-size:52px;font-weight:var(--font-display-weight);letter-spacing:-.02em;text-transform:none;margin:0;line-height:1.1}.sg-hero p{max-inline-size:520px;color:var(--gray-light);margin:16px 0 0;font-size:17px;font-weight:400;line-height:1.5}.sg-hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-block-start:28px;display:flex}.sg-grid{border-block-start:1px solid var(--border-color);grid-template-columns:1fr 1fr;gap:0;max-inline-size:1440px;margin-inline:auto;display:grid}.sg-panel{border-block-end:1px solid var(--border-color);border-inline-end:1px solid var(--border-color);background:#fff;padding:36px 40px}.sg-panel:nth-child(2n){border-inline-end:none}.sg-panel--dark{background:var(--dark-blue);color:#fff}.sg-panel__label{color:var(--nav-text);letter-spacing:2px;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 28px;font-size:13px;font-weight:800;display:flex}.sg-panel__label:after{content:"";background:var(--border-color);flex:auto;block-size:1px}.sg-panel--dark .sg-panel__label{color:#ffffff59}.sg-panel--dark .sg-panel__label:after{background:#ffffff1a}.sg-swatches{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;display:grid}.sg-swatch{min-inline-size:0}.sg-swatch__chip{aspect-ratio:1;border:1px solid #0000000f;border-radius:12px;transition:transform .2s,box-shadow .2s}.sg-swatch:hover .sg-swatch__chip{transform:scale(1.05);box-shadow:0 8px 24px #0000001f}.sg-swatch__name{color:var(--gray-text);margin:8px 0 0;font-size:13px;font-weight:700}.sg-swatch__hex{color:var(--gray-light);margin:2px 0 0;font-size:10px;font-weight:600}.sg-type{flex-direction:column;gap:20px;display:flex}.sg-type__row{align-items:baseline;gap:20px;display:flex}.sg-type__meta{text-align:end;flex-direction:column;flex-shrink:0;inline-size:80px;display:flex}.sg-type__size{color:var(--blue);font-size:13px;font-weight:700}.sg-type__weight{color:var(--nav-text);font-size:10px;font-weight:600}.sg-type__display{color:var(--green);font-family:var(--font-display);font-size:48px;font-weight:var(--font-display-weight);margin:0;line-height:1.1}.sg-type__h1{color:var(--gray-text);margin:0;font-size:32px;font-weight:700;line-height:1.2}.sg-type__h2{color:var(--green);font-family:var(--font-display);font-size:28px;font-weight:var(--font-display-weight);text-transform:none;margin:0;line-height:1.2}.sg-type__body{color:var(--gray-light);margin:0;font-size:18px;font-weight:500;line-height:1.6}.sg-type__caption{color:var(--nav-text);letter-spacing:.5px;text-transform:uppercase;margin:0;font-size:14px;font-weight:700}.sg-type__small{color:var(--gray-light);margin:0;font-size:13px;font-weight:600}.sg-btn-rows{flex-direction:column;gap:16px;display:flex}.sg-btn-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sg-btn-row__label{inline-size:80px;color:var(--nav-text);letter-spacing:1px;text-transform:uppercase;flex-shrink:0;font-size:10px;font-weight:700}.sg-btn{border-radius:var(--sg-btn-radius);background:var(--ns-accent);color:#fff;cursor:pointer;letter-spacing:0;text-transform:none;white-space:nowrap;block-size:48px;box-shadow:none;border:0;justify-content:center;align-items:center;padding-inline:24px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.sg-btn:hover{background:var(--ns-accent-hover)}.sg-btn:active{box-shadow:none;transform:none}.sg-btn--sm{border-radius:var(--sg-btn-radius-sm);block-size:36px;box-shadow:none;padding-inline:16px;font-size:13px}.sg-btn--sm:active{transform:none}.sg-btn--disabled,.sg-btn:disabled{opacity:.45;pointer-events:none}.sg-btn--secondary{color:#374151;box-shadow:none;background:0 0;border:1px solid #d1d5db}.sg-btn--secondary:hover{border-color:var(--ns-accent);background:var(--ns-accent-soft);color:var(--ns-accent-hover)}.sg-btn--secondary.sg-btn--sm{box-shadow:none}.sg-btn--danger{background:var(--red);box-shadow:0 4px #cc3c3c}.sg-btn--danger:hover{background:#e84444}.sg-btn--danger.sg-btn--sm{box-shadow:0 3px #cc3c3c}.sg-btn--ghost{color:#374151;box-shadow:none;background:0 0}.sg-btn--ghost:hover{background:var(--ns-accent-soft);color:var(--ns-accent-hover)}.sg-btn--ghost:active{transform:translateY(2px)}.sg-btn--white{color:var(--dark-blue);background:#fff;box-shadow:0 4px #88879f}.sg-btn--white:hover{background:#ffd27a}.sg-btn--white.sg-btn--sm{box-shadow:0 3px #88879f}.sg-hero .sg-btn--secondary{border:2px solid var(--border-color);box-shadow:0 4px 0 var(--border-color)}.sg.sg--learn .sg-btn{background:var(--learn-accent);color:#fff;box-shadow:none}.sg.sg--learn a.sg-btn:not(.sg-btn--secondary):not(.sg-btn--ghost):not(.sg-btn--white){color:#fff}.sg.sg--learn .sg-btn:not(.sg-btn--secondary):not(.sg-btn--ghost):not(.sg-btn--white):hover{background:var(--learn-accent-hover)}.sg.sg--learn .sg-btn--sm:not(.sg-btn--secondary):not(.sg-btn--ghost):not(.sg-btn--white){box-shadow:none}.sg.sg--learn .sg-btn--secondary{color:#374151;border:1px solid var(--learn-border);box-shadow:none;background:#fff}.sg.sg--learn .sg-btn--white{color:var(--learn-accent);background:#fff;border:2px solid #fff;box-shadow:0 4px #003c7847}.sg.sg--learn .sg-btn--white:hover{color:var(--learn-accent-hover);background:#f8fafc;border-color:#fff}.sg.sg--learn .sg-btn--white.sg-btn--sm{box-shadow:0 3px #003c7847}.sg.sg--learn .sg-btn--secondary:hover{background:var(--learn-accent-soft);border-color:var(--learn-accent);color:var(--learn-accent-hover)}.sg.sg--learn .sg-btn--secondary.sg-btn--sm{box-shadow:none}.sg.sg--learn .sg-btn--secondary.sg-btn--disabled,.sg.sg--learn .sg-btn--secondary:disabled{color:var(--learn-muted);border-color:var(--learn-border);box-shadow:none;opacity:1;background:#f1f5f9}.sg.sg--learn .sg-btn--ghost{color:var(--learn-accent);border:2px solid var(--learn-border);box-shadow:none;background:0 0}.sg.sg--learn .sg-btn--ghost:hover{background:var(--learn-accent-soft);color:var(--learn-accent)}.sg.sg--learn .sg-btn:not(.sg-btn--sm){border-radius:var(--sg-btn-radius)}.sg.sg--learn .sg-btn--sm{border-radius:var(--sg-btn-radius-sm)}.sg.sg--learn .lesson__table .app-table th{background:var(--learn-accent-soft);color:var(--learn-accent)}.sg-cards{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sg-card{border:2px solid var(--border-color);background:#fff;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:clip}.sg-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.sg-card__media{block-size:120px;position:relative}.sg-card__media img{object-fit:cover;block-size:100%;inline-size:100%}.sg-card__body{padding:16px}.sg-tag{letter-spacing:.4px;text-transform:uppercase;border-radius:6px;align-items:center;padding:3px 8px;font-size:13px;font-weight:800;display:inline-flex}.sg-tag--new{color:#9a4a00;background:#2a74a32e}.sg-tag--popular{color:#0a6ea3;background:#1cb0f62e}.sg-tag--super{color:#8a6a00;background:#ffc80047}.sg-tag--pro{color:#9a4a00;background:#2a74a333}.sg-card__title{color:var(--dark-blue);margin:10px 0 0;font-size:16px;font-weight:700}.sg-card__desc{color:var(--gray-text);margin:6px 0 0;font-size:13px;font-weight:600;line-height:1.5}.sg-card__footer{border-block-start:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sg-card__meta{color:var(--gray-text);letter-spacing:.4px;text-transform:uppercase;font-size:13px;font-weight:800}.sg-card__cta{color:var(--blue);letter-spacing:.4px;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:13px;font-weight:700;text-decoration:none}.sg-card__cta:hover{opacity:.7}.sg-panel--dark .sg-card{background:#ffffff0f;border-color:#ffffff14}.sg-panel--dark .sg-card__title{color:#fff}.sg-panel--dark .sg-card__desc{color:#ffffff80}.sg-panel--dark .sg-card__footer{border-block-start-color:#ffffff14}.sg-panel--dark .sg-card__meta{color:#ffffff4d}.sg-comps{flex-direction:column;gap:20px;display:flex}.sg-comp{flex-direction:column;gap:10px;display:flex}.sg-comp__label{color:var(--nav-text);letter-spacing:1px;text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.sg-panel--dark .sg-comp__label{color:#ffffff4d}.sg-badges{flex-wrap:wrap;gap:8px;display:flex}.sg-badge{letter-spacing:.3px;text-transform:uppercase;border-radius:20px;align-items:center;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.sg-badge--completed{color:#9a4a00;background:#2a74a333}.sg-badge--progress{color:#0a6ea3;background:#1cb0f633}.sg-badge--failed{color:#c62828;background:#ff4b4b2e}.sg-badge--streak{color:#9a4a00;background:#2a74a333}.sg-badge--premium{color:#7a6200;background:#ffc80047}.sg-badge--mastered{color:#9a4a00;background:#2a74a338}.sg-badge--review{color:#0b5f86;background:#cce8f8}.sg-badge--crown{color:#7a6200;background:#ffc80047}.sg-subscribe{align-items:center;gap:12px;display:flex}.sg-input{border:2px solid var(--border-color);block-size:48px;min-inline-size:0;color:var(--gray-text);background:#fff;border-radius:0;outline:none;flex:auto;padding-inline:16px;font-family:inherit;font-size:16px;font-weight:600}.sg-input::placeholder{color:var(--nav-text);font-weight:500}.sg-input:focus{border-color:var(--ns-accent)}.sg-input:disabled,.sg-input--locked{background:var(--surface-2,#f4f4f4);color:var(--gray-light);cursor:not-allowed}.sg-password{inline-size:100%;display:flex;position:relative}.sg-password__input{inline-size:100%;padding-inline-end:48px}.sg-password__toggle{block-size:36px;inline-size:36px;color:var(--gray-light);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:50%;inset-inline-end:8px;transform:translateY(-50%)}.sg-password__toggle:hover,.sg-password__toggle[aria-pressed=true]{color:var(--dark-blue)}.sg-toggles{flex-wrap:wrap;gap:20px;display:flex}.sg-toggle{cursor:pointer;color:var(--gray-text);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.sg-toggle input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:clip}.sg-toggle__track{background:var(--border-color);border-radius:14px;flex-shrink:0;block-size:28px;inline-size:48px;transition:background-color .2s;position:relative}.sg-toggle__track:after{content:"";background:#fff;border-radius:50%;block-size:22px;inline-size:22px;transition:transform .2s;position:absolute;inset-block-start:3px;inset-inline-start:3px;box-shadow:1px 3px #00000026}.sg-toggle input:checked+.sg-toggle__track{background:var(--green)}.sg-toggle input:checked+.sg-toggle__track:after{transform:translate(20px)}.sg-toggle input:focus-visible+.sg-toggle__track{outline:2px solid var(--blue);outline-offset:2px}.sg-progress{flex-direction:column;gap:10px;display:flex}.sg-progress__row{align-items:center;gap:12px;display:flex}.sg-progress__bar{background:var(--border-color);border-radius:6px;flex:auto;block-size:12px;overflow:clip}.sg-panel--dark .sg-progress__bar{background:#ffffff14}.sg-progress__fill{border-radius:6px;block-size:100%;transition:inline-size .6s;display:block}.sg-progress__value{inline-size:auto;min-inline-size:4.5rem;color:var(--dark-blue);text-align:end;white-space:nowrap;font-size:13px;font-weight:800}.sg-panel--dark .sg-progress__value{color:#fff9}.sg-tips{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.sg-tooltip{position:relative}.sg-tooltip__trigger{color:var(--green);cursor:default;background:#2a74a314;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.sg-tooltip__bubble{background:var(--dark-blue);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;transition:opacity .15s;position:absolute;inset-block-end:calc(100% + 10px);inset-inline-start:50%;transform:translate(-50%)}.sg-tooltip__bubble:after{content:"";border:5px solid #0000;border-block-start-color:var(--dark-blue);margin-inline-start:-5px;position:absolute;inset-block-start:100%;inset-inline-start:50%}.sg-tooltip:hover .sg-tooltip__bubble,.sg-tooltip:focus-within .sg-tooltip__bubble{opacity:1}.sg-streak{background:#2a74a31a;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.sg-streak__fire{font-size:18px;line-height:1}.sg-streak__count{color:var(--orange);font-size:16px;font-weight:800}.sg-pills{flex-wrap:wrap;gap:8px;display:flex}.sg-pill{color:#ffffffb3;cursor:pointer;background:0 0;border:2px solid #ffffff1f;border-radius:12px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:700;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.sg-pill:hover{border-color:var(--green);background:#2a74a314}.sg-pill--active{border-color:var(--green);color:#fff;background:#2a74a314}.sg-pill img{object-fit:contain;block-size:18px;inline-size:24px}.sg-avatars{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sg-avatars__stack{display:flex}.sg-avatar{background:#f0f0f0;border:2px solid #fff;border-radius:50%;block-size:36px;inline-size:36px;margin-inline-start:-8px;overflow:clip}.sg-avatar:first-child{margin-inline-start:0}.sg-avatar img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.sg-avatar--count{color:var(--gray-light);place-items:center;font-size:13px;font-weight:800;display:grid}.sg-avatars__label{color:#ffffff80;font-size:13px;font-weight:600}@media (max-width:900px){.sg-nav__links{display:none}.app-mobile-nav{display:flex}.sg-hero h1{font-size:36px}.sg-hero__actions{flex-direction:column;align-items:stretch;inline-size:100%;max-inline-size:280px}.sg-grid{grid-template-columns:1fr}.sg-panel,.sg-panel:nth-child(2n){border-inline-end:none}.sg-cards{grid-template-columns:1fr}}@media (max-width:600px){.sg-hero{padding:40px 20px 32px}.sg-hero h1{font-size:28px}.sg-panel{padding:28px 20px}.sg-swatches{grid-template-columns:repeat(3,1fr)}.sg-type__meta{display:none}.sg-type__display{font-size:32px}.sg-btn-row__label{display:none}.sg-subscribe{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sg-btn,.sg-card,.sg-swatch__chip,.sg-progress__fill,.sg-toggle__track,.sg-toggle__track:after,.sg-tooltip__bubble{transition:none}}.app-main{max-inline-size:960px;margin-inline:auto;padding:32px 24px 64px}@media (max-width:900px){.app-main{padding-block-end:96px}}.app-main--wide{max-inline-size:1080px}.app-main--lesson{max-inline-size:1180px;padding-block-start:16px}.app-narrow{max-inline-size:420px}.app-form{flex-direction:column;gap:12px;margin-block:20px;display:flex}.app-error{color:var(--red);font-weight:700}.app-toast-stack{z-index:120;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;inset:auto 16px 24px}.app-toast{color:#0f172a;text-align:center;background:#fff;border:1px solid #0000;border-radius:14px;inline-size:min(100%,420px);padding:14px 18px;font-size:14px;font-weight:700;line-height:1.4;box-shadow:0 12px 32px #0f172a29}.app-toast--success{color:#166534;background:#f0fdf4;border-color:#86efac}.app-toast--error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}@media (min-width:640px){.app-toast-stack{align-items:end;inset:auto 24px 28px auto}}.app-warning{color:var(--orange);background:#2a74a31a;border-radius:12px;padding:12px 16px;font-size:14px}.app-track{margin-block-start:32px}.app-steps{flex-wrap:wrap;gap:8px;margin-block:16px;display:flex}.app-table{border-collapse:collapse;width:100%;margin-block:16px;font-size:13px}.app-table th,.app-table td{border:1px solid var(--border-color);text-align:start;padding:8px}.app-code,.app-output{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.app-output{background:var(--dark-blue);color:#fff;border-radius:12px;min-block-size:120px;padding:16px}.lp{--lp-blue:var(--ns-accent);--lp-blue-hover:#1558c0;--lp-blue-shadow:#1248a0;--lp-blue-soft:#2a74a31a;--lp-ink:#0f172a;--lp-muted:#64748b;--lp-surface:#fff;--lp-border:#e2e8f0;isolation:isolate;background:var(--lp-surface);min-block-size:100dvb;color:var(--lp-ink);position:relative}.lp .sg-btn{align-items:center;gap:8px;display:inline-flex}.lp a.sg-btn:not(.sg-btn--secondary):not(.sg-btn--ghost):not(.sg-btn--white),.lp button.sg-btn:not(.sg-btn--secondary):not(.sg-btn--ghost):not(.sg-btn--white){background:var(--lp-blue);box-shadow:0 4px 0 var(--lp-blue-shadow)}.lp a.sg-btn:not(.sg-btn--secondary):not(.sg-btn--ghost):not(.sg-btn--white):hover,.lp button.sg-btn:not(.sg-btn--secondary):not(.sg-btn--ghost):not(.sg-btn--white):hover{background:var(--lp-blue-hover)}.lp a.sg-btn:not(.sg-btn--secondary):not(.sg-btn--ghost):not(.sg-btn--white):active,.lp button.sg-btn:not(.sg-btn--secondary):not(.sg-btn--ghost):not(.sg-btn--white):active{box-shadow:none}.lp-btn-arrow{font-size:1.15em;line-height:1}.lp .sg-btn--secondary{color:var(--lp-blue);border:2px solid var(--lp-border);box-shadow:0 4px 0 var(--lp-border);background:0 0}.lp .sg-btn--secondary:hover{background:var(--lp-blue-soft)}.lp .sg-btn--white{background:var(--lp-surface);color:var(--lp-ink);box-shadow:0 4px #cbd5e1}.lp .sg-btn--white:hover{background:#f8fafc}.lp-header{z-index:50;pointer-events:none;position:fixed;inset:16px 24px auto}.lp-header__bar{border:1px solid var(--lp-border);pointer-events:auto;background:#fff;border-radius:999px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;block-size:64px;inline-size:100%;max-inline-size:1200px;margin-inline:auto;padding:6px 8px 6px 20px;display:grid;box-shadow:0 8px 24px #100f3e14}.lp-header__brand{min-inline-size:0;color:inherit;justify-self:start;align-items:center;gap:14px;text-decoration:none;display:flex}.lp-header__nav{justify-self:center}.lp-header__actions{justify-self:end}.lp-header__mark{border-radius:10px;flex-shrink:0;place-items:center;block-size:36px;inline-size:36px;display:grid;overflow:clip}.lp-header__logo{object-fit:contain;block-size:100%;inline-size:100%}.lp-header__name{color:var(--lp-ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;line-height:1.1;overflow:hidden}.lp-header__divider{background:var(--lp-border);flex-shrink:0;block-size:24px;inline-size:1px}.lp-header__tag{color:var(--nav-text);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:800;line-height:1}.lp-header__nav{align-items:center;gap:8px;display:flex}.lp-header__link{color:var(--lp-ink);border-radius:999px;align-items:center;padding:8px 12px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.lp-header__link:hover,.lp-header__link:focus-visible{color:var(--lp-blue);background:var(--lp-blue-soft)}.lp-header__actions{align-items:center;gap:8px;display:flex}.lp-header__ghost{color:#374151;letter-spacing:0;text-transform:none;border-radius:0;justify-content:center;align-items:center;block-size:40px;padding-inline:14px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.lp-header__ghost:hover,.lp-header__ghost:focus-visible{color:var(--ns-accent-hover);background:0 0}.lp-header__btn{background:var(--ns-accent);color:#fff;cursor:pointer;letter-spacing:0;text-transform:none;white-space:nowrap;block-size:40px;box-shadow:none;border:0;border-radius:0;justify-content:center;align-items:center;padding-inline:18px;font-family:inherit;font-size:14px;font-weight:700;line-height:1;text-decoration:none;transition:background-color .15s,transform 80ms,box-shadow 80ms;display:inline-flex}.lp-header__btn--compact{padding-inline:14px}.lp-header__btn:hover{background:var(--ns-accent-hover)}.lp-header__btn:active{box-shadow:none;transform:translateY(3px)}.lp-header__menu{block-size:40px;inline-size:40px;color:var(--lp-blue);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.lp-header__menu:hover,.lp-header__menu:focus-visible{background:var(--lp-blue-soft)}.lp-header__menu-icon{block-size:20px;inline-size:20px}.lp-header__panel-wrap{pointer-events:auto;inline-size:min(420px,100vw - 24px);position:absolute;inset-block-start:calc(100% + 8px);inset-inline-start:50%;transform:translate(-50%)}.lp-header__panel{border:2px solid var(--lp-border);background:#fff;border-radius:20px;inline-size:100%;padding:10px;box-shadow:0 18px 40px #0f172a1f}.lp-header__panel-nav{flex-direction:column;gap:4px;display:flex}.lp-header__panel-link{min-block-size:44px;color:var(--lp-ink);border-radius:12px;align-items:center;padding-inline:14px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.lp-header__panel-link:hover{background:var(--lp-blue-soft);color:var(--lp-blue)}.lp-header__panel-actions{border-block-start:1px solid var(--lp-border);flex-direction:column;gap:8px;margin-block-start:8px;padding-block-start:10px;display:flex}.lp-header__btn--block,.lp-header__ghost--block{inline-size:100%}.lp-header__ghost--block{min-block-size:44px}.lp .app-profile__avatar{border-color:var(--lp-blue-shadow);background:var(--lp-blue)}.lp .app-profile__avatar:hover{background:var(--lp-blue-hover)}.lp-hero{background-color:#fff;padding:104px 24px 56px}.lp-hero__shell{max-inline-size:1200px;margin-inline:auto}.lp-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.lp-hero__copy{max-inline-size:34rem}.lp-hero__eyebrow{color:var(--lp-blue);letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;font-size:13px;font-weight:800}.lp-hero__copy h1{color:var(--lp-ink);font-family:var(--font-display);font-size:clamp(2.25rem,4.8vw,3.75rem);font-weight:var(--font-display-weight);letter-spacing:-.02em;margin:0;line-height:1.06}.lp-hero__title-line{display:block}.lp-hero__title-accent{color:var(--lp-blue);display:block}.lp-hero__copy p{max-inline-size:40ch;color:var(--lp-muted);margin:18px 0 0;font-size:17px;font-weight:500;line-height:1.55}.lp-hero__actions{flex-wrap:wrap;gap:12px;margin-block-start:28px;display:flex}.lp-hero__visual{min-block-size:min(420px,52vw);position:relative}.lp-hero__visual-frame{aspect-ratio:1/.92;background:#2a74a30f;border-radius:20px;inline-size:100%;position:relative;overflow:clip}.lp-hero__visual-img{object-fit:cover;object-position:center}.lp-hero__badges{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.lp-hero__badges li{border:1px solid var(--lp-border);color:var(--lp-ink);background:#fffffff0;border-radius:14px;padding:10px 14px;font-size:13px;font-weight:700;line-height:1.2;position:absolute;box-shadow:0 10px 24px #0f172a14}.lp-hero__badges li:first-child{inset-block-start:8%;inset-inline-start:-4%}.lp-hero__badges li:nth-child(2){inset-block-end:18%;inset-inline-start:4%}.lp-hero__badges li:nth-child(3){inset-block-start:10%;inset-inline-end:0}.lp-hero__badges li:nth-child(4){inset-block-end:10%;inset-inline-end:6%}.lp-section{max-inline-size:1200px;margin-inline:auto;padding:56px 24px}.lp-section__head{text-align:center;max-inline-size:52rem;margin:0 auto 32px}.lp-section__head h2{color:var(--lp-ink);font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--font-display-weight);margin:0;line-height:1.12}.lp-section__lead{max-inline-size:52ch;color:var(--lp-muted);margin:12px auto 0;font-size:17px;font-weight:500;line-height:1.55}.lp-features__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.lp-feature-card{border:1px solid var(--lp-border);background:#fff;border-radius:16px;padding:24px}.lp-feature-card h3{color:var(--lp-ink);margin:0;font-size:20px;font-weight:800;line-height:1.2}.lp-feature-card p{color:var(--lp-muted);margin:10px 0 0;font-size:15px;font-weight:500;line-height:1.5}.lp-block{max-inline-size:1200px;margin-inline:auto;padding:56px 24px 32px}.lp-block__lead{max-inline-size:52ch;color:var(--lp-muted);margin:0 0 24px;font-size:17px;font-weight:600;line-height:1.5}.lp-block>h2{color:var(--lp-ink);font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:var(--font-display-weight);margin:0 0 12px;line-height:1.15}.lp-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.lp-step{border:1px solid var(--lp-border);background:#fff;border-radius:16px;gap:8px;padding:24px;display:grid}.lp-step__icon-wrap{background:var(--lp-blue-soft);block-size:48px;inline-size:48px;color:var(--lp-blue);border-radius:14px;place-items:center;display:grid}.lp-step__icon{block-size:28px;inline-size:28px}.lp-step__index{color:var(--lp-blue);letter-spacing:.04em;text-transform:uppercase;margin:4px 0 0;font-size:13px;font-weight:800}.lp-step h3{color:var(--lp-ink);margin:0;font-size:20px;font-weight:800;line-height:1.2}.lp-step p:last-child{color:var(--lp-muted);margin:0;font-size:15px;font-weight:600;line-height:1.45}.lp-ethics{border:1px solid var(--lp-border);background:var(--lp-surface);border-radius:16px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-block-size:320px;max-inline-size:1400px;margin:0 auto 24px;display:grid;overflow:clip}.lp-ethics__visual{min-block-size:320px;position:relative}.lp-ethics__visual img{object-fit:cover}.lp-ethics__copy{color:var(--lp-ink);flex-direction:column;justify-content:center;padding:36px 32px;display:flex}.lp-ethics__copy h2{color:var(--lp-ink);font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:var(--font-display-weight);margin:0;line-height:1.15}.lp-ethics__copy p{max-inline-size:36ch;color:var(--lp-muted);margin:12px 0 0;font-size:16px;font-weight:600;line-height:1.45}.lp-cta{text-align:center;background:linear-gradient(#2a74a30f,#2a74a305);border:1px solid #2a74a32e;border-radius:16px;max-inline-size:1400px;margin:16px auto 56px;padding:48px 32px}.lp-cta h2{color:var(--lp-ink);font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:var(--font-display-weight);margin:0;line-height:1.15}.lp-cta p{max-inline-size:42ch;color:var(--lp-muted);margin:12px auto 0;font-size:16px;font-weight:600;line-height:1.45}.lp-cta__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-block-start:24px;display:flex}.lp .bento{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:14px;display:grid}.lp .bento__cell{border:1px solid var(--lp-border);background:var(--lp-surface);border-radius:16px;min-block-size:150px;position:relative;overflow:clip}@media (prefers-reduced-motion:no-preference){.lp .bento__cell{transition:transform .28s cubic-bezier(.22,1,.36,1)}.lp .bento__cell:hover{transform:translateY(-3px)}}.lp .bento__cell h3{margin:0;font-size:22px;font-weight:800;line-height:1.2}.lp .bento__cell p{color:var(--lp-muted);margin:8px 0 0;font-size:15px;line-height:1.5}.lp .bento__think{background:linear-gradient(135deg,#e8f1fd 0%,#fff 58%);border-color:#2a74a333;grid-area:1/1/auto/8;grid-template-columns:minmax(0,1fr) minmax(140px,.9fr);align-items:center;gap:16px;padding:24px;display:grid}.lp .bento__think__copy{gap:12px;display:grid}.lp .bento__think__art{justify-self:end;inline-size:100%;max-inline-size:320px}.lp .bento__tree{background:var(--lp-blue-soft);border-color:#2a74a338;grid-area:1/8/3/13;padding:24px}.lp .bento__tree ol{gap:14px;margin:20px 0 0;padding:0;list-style:none;display:grid}.lp .bento__tree li{color:var(--lp-muted);gap:4px;font-size:14px;line-height:1.45;display:grid}.lp .bento__tree strong{color:var(--lp-ink);font-size:15px}.lp .bento__dt{background:linear-gradient(#fff 0%,#f8fafc 100%);grid-area:2/1/auto/5;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px;display:grid}.lp .bento__dt__art{block-size:auto;inline-size:100%;max-inline-size:165px}.lp .bento__nlp{background:var(--lp-blue);border-color:var(--lp-blue);color:#fff;flex-direction:column;grid-area:2/5/auto/8;justify-content:space-between;gap:16px;padding:22px;display:flex}.lp-bento-chips{flex-wrap:wrap;gap:8px;display:flex}.lp-bento-chips__item{letter-spacing:.02em;border-radius:999px;align-items:center;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex}.lp-bento-chips__item--pos{color:#fff;background:#fff3}.lp-bento-chips__item--spam{color:#fff;background:#ff4b4b38}.lp-bento-chips__item--safe{color:var(--lp-blue);background:#ffffffeb}.lp .bento__nlp h3,.lp .bento__nlp p{color:#fff}.lp .bento__nlp p:last-child{color:#ffffffd1}.lp .bento__edge{border:0;grid-area:3/1/5/13;min-block-size:280px}.lp .bento__edge img{object-fit:cover}.lp .bento__caption{color:#fff;background:linear-gradient(#0000,#0f172ac7);padding:22px;position:absolute;inset-block-end:0;inset-inline:0}.lp .bento__caption h3,.lp .bento__caption p{color:#fff}.lp .bento__caption p{color:#ffffffd1}.lp-foot{border-block-start:1px solid var(--lp-border);max-inline-size:1400px;margin-inline:auto;padding:0 24px 40px}.lp-foot__main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:24px;display:flex}.lp-foot__name{color:var(--lp-ink);margin:0;font-size:15px;font-weight:800}.lp-foot__tagline{color:var(--lp-muted);margin:4px 0 0;font-size:14px;font-weight:600}.lp-foot__cols{flex-wrap:wrap;gap:32px 56px;display:flex}.lp-foot__col{flex-direction:column;align-items:flex-start;gap:8px;min-inline-size:120px;display:flex}.lp-foot__col-title{color:var(--lp-ink);margin:0 0 4px;font-size:13px;font-weight:800;line-height:1.2}.lp-foot__col a{color:var(--lp-muted);font-size:14px;font-weight:600;text-decoration:none}.lp-foot__col a:hover,.lp-foot__col a:focus-visible{color:var(--lp-blue)}.lp-foot__erlangga{background:var(--ns-accent-hover);border-radius:0;flex-direction:column;align-items:flex-start;gap:20px;padding:24px 28px;display:flex}.lp-foot__erlangga-body{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;inline-size:100%;display:flex}.lp-foot__erlangga-brand{flex-direction:column;align-items:flex-start;gap:12px;min-inline-size:min(100%,320px);display:flex}.lp-foot__erlangga-logo{object-fit:contain;object-position:left center;opacity:.95;align-self:flex-start;block-size:32px;inline-size:auto;margin:0;display:block}.lp-foot__erlangga-address{color:#ffffffd1;max-inline-size:34ch;margin:0;font-size:13px;font-style:normal;font-weight:500;line-height:1.55}.lp-foot__erlangga-email{color:#fff;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none}.lp-foot__erlangga-email:hover,.lp-foot__erlangga-email:focus-visible{color:var(--golden)}.lp-foot__social{flex-direction:column;gap:10px;min-inline-size:min(100%,220px);display:flex}.lp-foot__social-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffffe6;margin:0;font-size:13px;font-weight:800}.lp-foot__social-links{flex-wrap:wrap;gap:10px;display:flex}.lp-foot__social-link{color:#fff;background:#ffffff14;border:1px solid #ffffff47;border-radius:0;justify-content:center;align-items:center;block-size:44px;inline-size:44px;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.lp-foot__social-link:hover,.lp-foot__social-link:focus-visible{border-color:var(--golden);color:var(--golden);background:#ffffff24;transform:translateY(-1px)}@media (max-width:900px){.lp-header{inset:12px 16px auto}.lp-header__nav{display:none}.lp-header__menu{display:inline-flex}.lp-header__bar{grid-template-columns:1fr auto;padding:6px 6px 6px 16px}.lp-hero{padding-block:96px 40px}.lp-hero__grid{grid-template-columns:1fr;gap:32px}.lp-hero__copy{max-inline-size:none}.lp-hero__copy h1{max-inline-size:none;font-size:2.25rem}.lp-hero__visual{min-block-size:0}.lp-hero__badges li:first-child,.lp-hero__badges li:nth-child(2),.lp-hero__badges li:nth-child(3),.lp-hero__badges li:nth-child(4){inset:auto}.lp-hero__badges li:first-child{inset-block-start:6%;inset-inline-start:2%}.lp-hero__badges li:nth-child(2){inset-block-end:12%;inset-inline-start:6%}.lp-hero__badges li:nth-child(3){inset-block-start:8%;inset-inline-end:2%}.lp-hero__badges li:nth-child(4){inset-block-end:8%;inset-inline-end:4%}.lp-features__grid,.lp-steps{grid-template-columns:1fr}.lp-ethics{grid-template-columns:1fr;min-block-size:0}.lp-ethics__visual{order:-1;min-block-size:240px}.lp .bento{grid-template-columns:1fr;grid-auto-rows:auto}.lp .bento__think{grid-template-columns:1fr}.lp .bento__think__art{justify-self:start;max-inline-size:100%}.lp .bento__dt{grid-template-columns:1fr}.lp .bento__dt__art{justify-self:end}.lp .bento__think,.lp .bento__tree,.lp .bento__dt,.lp .bento__nlp,.lp .bento__edge{grid-area:auto/1}.lp .bento__edge{min-block-size:220px}}@media (max-width:600px){.lp-header{inset:10px 12px auto}.lp-header__bar{block-size:56px;padding:6px 6px 6px 14px}.lp-header__divider,.lp-header__tag,.lp-header__ghost,.lp-header__btn:not(.lp-header__btn--block){display:none}.lp-header__mark{border-radius:9px;block-size:32px;inline-size:32px}.lp-header__name{font-size:14px}.lp-hero__copy h1{font-size:1.875rem}.lp-hero__actions,.lp-hero__actions .sg-btn{inline-size:100%}.lp-cta{margin-inline:16px;padding:32px 20px}.lp-cta__actions,.lp-cta__actions .sg-btn{inline-size:100%}.lp-foot{padding-inline:16px}.lp-foot__main{flex-direction:column;align-items:flex-start;padding-block:20px}.lp-foot__erlangga{border-radius:0;gap:20px;padding:20px}.lp-foot__erlangga-body{flex-direction:column;gap:20px}}.auth-split{--auth-accent:var(--ns-accent);--auth-accent-hover:var(--ns-accent-hover);--auth-accent-shadow:var(--ns-accent-hover);--auth-accent-soft:var(--ns-accent-tint);--auth-border:var(--ns-border);--auth-ink:var(--ns-ink);--auth-muted:#717680;background:#fff;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);block-size:auto;min-block-size:100dvb;max-block-size:none;display:grid;overflow:visible}.auth-split__visual{background:var(--auth-accent);block-size:100%;min-block-size:0;position:relative;overflow:clip}.auth-split__photo{object-fit:cover}.auth-split__scrim{background:linear-gradient(#2a74a31a 0%,#0f172a8c 58%,#0f172ad1 100%);position:absolute;inset:0}.auth-split__copy{z-index:1;color:#fff;max-inline-size:420px;position:absolute;inset-block-end:40px;inset-inline:40px}.auth-split__brand{color:#fff;font-family:var(--font-display);letter-spacing:.04em;text-transform:lowercase;margin-block-end:18px;font-size:22px;text-decoration:none;display:inline-block}.auth-split__copy h2{font-family:var(--font-display);text-transform:none;margin:0;font-size:40px;line-height:1.05}.auth-split__copy p{color:#ffffffe0;margin:12px 0 0;font-size:16px;font-weight:600;line-height:1.45}.auth-split__panel{overscroll-behavior:contain;background:#fff;flex-direction:column;justify-content:center;min-block-size:0;inline-size:100%;max-inline-size:440px;margin-inline:auto;padding:48px 40px;display:flex;overflow:hidden auto}@media (min-width:901px){.auth-split--register .auth-split__panel{max-inline-size:480px;padding:36px 40px;overflow:hidden}.auth-split--register .auth-split__home{margin-block-end:14px}.auth-split--register .auth-split__panel .app-form{gap:10px;margin-block-start:16px}.auth-split--register .auth-consent{padding:10px 12px;font-size:13px;line-height:1.4}.auth-split--register .circl-sso{gap:8px;margin-block:2px 8px}.auth-split--register .auth-split__sso-note{margin:0;font-size:13px;line-height:1.35}.auth-split--register .auth-split__switch{margin:4px 0 0}}.auth-split__home{color:var(--auth-muted);align-items:center;gap:8px;margin-block-end:20px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.auth-split__home:hover{color:var(--auth-accent)}.auth-split__kicker{color:var(--auth-accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}.auth-split__title{color:var(--auth-ink);font-family:var(--font-display);margin:0;font-size:36px;line-height:1.1}.auth-split__lead{color:var(--auth-muted);margin:10px 0 0;font-size:15px;font-weight:600;line-height:1.45}.auth-consent{border:1px solid var(--auth-border);background:var(--auth-accent-soft);color:var(--auth-muted);cursor:pointer;border-radius:10px;align-items:flex-start;gap:12px;margin-block-start:4px;padding:14px 16px;font-size:14px;font-weight:600;line-height:1.45;display:flex}.auth-consent input{block-size:18px;inline-size:18px;accent-color:var(--auth-accent);cursor:pointer;flex-shrink:0;margin-block-start:2px}.auth-split__label{color:var(--auth-ink);margin-block-end:-6px;font-size:13px;font-weight:800}.auth-role{border:1px solid var(--auth-border);background:#fff;border-radius:12px;grid-template-columns:1fr 1fr;gap:0;padding:0;display:grid}.auth-role__btn{block-size:48px;color:var(--auth-muted);cursor:pointer;letter-spacing:0;text-transform:none;background:0 0;border:0;border-radius:9px;padding:0 12px;font-family:inherit;font-size:14px;font-weight:700}.auth-role__btn--on{background:var(--auth-accent);color:#fff}.auth-role__btn--on:hover{background:var(--auth-accent-hover);color:#fff}.auth-split__panel .app-form{margin-block-start:20px}.auth-split__panel .app-form .sg-input{flex:none;inline-size:100%}.auth-split .sg-input{border-color:var(--auth-border);border-radius:10px}.auth-split .sg-input:focus{border-color:var(--auth-accent)}.auth-split .sg-btn{background:var(--auth-accent);color:#fff;box-shadow:none;border-radius:999px}.auth-split .sg-btn:hover{background:var(--auth-accent-hover)}.auth-split a.sg-btn{color:#fff}.auth-split .sg-btn--disabled,.auth-split .sg-btn:disabled{opacity:.55}.circl-sso{text-align:center;gap:12px;margin-block:4px 20px;display:grid}.circl-sso__divider{color:var(--gray-text);align-items:center;gap:12px;margin:0;font-size:13px;font-weight:800;display:flex}.circl-sso__divider:before,.circl-sso__divider:after{background:var(--border-color);content:"";flex:1;block-size:1px}.circl-sso__button{justify-content:center;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.circl-sso__icon{flex-shrink:0}.circl-sso__status{color:var(--gray-text);margin-block:24px;font-weight:700}.auth-split__switch{margin:8px 0 16px;font-size:15px;font-weight:700}.auth-split__switch a{color:var(--auth-accent);font-weight:800;text-decoration:none}.auth-split__switch a:hover{text-decoration:underline}.auth-split .sg-btn:focus-visible,.auth-split .sg-input:focus-visible,.auth-role__btn:focus-visible,.auth-split a:focus-visible{outline-offset:2px;outline:3px solid #2a74a347}@media (max-width:900px){.auth-split{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;min-block-size:100dvb}.auth-split__visual{block-size:auto;min-block-size:0;max-block-size:28dvb}.auth-split__copy{inset-block-end:20px;inset-inline:24px}.auth-split__copy h2{font-size:28px}.auth-split__panel{justify-content:flex-start;min-block-size:0;max-inline-size:none;padding:28px 24px 32px;overflow-y:auto}.auth-split__title{font-size:30px}.auth-role__btn{font-size:13px}}.dash-hero{background:var(--dark-blue);border-radius:28px;min-block-size:340px;position:relative;overflow:clip}.home-dash{gap:28px;display:grid}.home-dash.home-dash--teacher{flex-direction:column;flex:1;min-block-size:0;display:flex}.home-dash.learn-page--viewport{flex-direction:column;flex:1;gap:14px;min-block-size:0;display:flex;overflow:hidden}.learn-page__viewport-stack{flex-direction:column;flex:auto;gap:14px;min-block-size:0;padding-inline-end:2px;display:flex;overflow-y:auto}.dash-achievements--in-catalog{flex-shrink:0;margin-block-start:0}.dash-achievements--in-catalog .dash-achievements__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}#lencana{scroll-margin-top:12px}.home-dash .dash-hero{border:1px solid var(--border-color);background-color:#ffe7c2;background-image:radial-gradient(circle at 10px 10px,#2a74a338 1.6px,#0000 1.8px);background-size:32px 32px;border-radius:16px;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:center;gap:32px;min-block-size:0;padding:28px 32px;display:grid;overflow:hidden}.home-dash .dash-hero-title{max-width:18ch;font-family:var(--font-display);font-size:40px;font-weight:var(--font-display-weight);letter-spacing:-.02em;color:var(--green);text-transform:none;margin:0;line-height:1.12}.home-dash .dash-hero-desc{max-width:42ch;color:var(--gray-light);margin:12px 0 0;font-size:16px;font-weight:500;line-height:1.5}.home-dash .dash-hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.home-dash .dash-hero-actions .sg-btn--secondary{color:var(--green);border-color:var(--green);box-shadow:0 4px 0 var(--green-shadow);background:#fff}.home-dash .dash-hero-visual{justify-self:center;width:min(100%,380px)}.home-dash .dash-hero-visual img{border-radius:16px;width:100%;height:auto;display:block}.dash-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.dash-nav-card{text-align:left;min-width:0;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;padding:0;text-decoration:none;display:flex}.dash-nav-art{aspect-ratio:4/3;background:#f3f4f6;border-radius:12px;display:block;position:relative;overflow:hidden;box-shadow:0 8px 18px #1f293314}.dash-nav-art img{object-fit:cover}.dash-nav-card:hover .dash-nav-art{box-shadow:0 0 0 3px var(--green);transform:translateY(-2px)}.dash-nav-card.is-current .dash-nav-art{box-shadow:0 0 0 3px var(--green)}.dash-nav-label{color:var(--gray-text);margin:10px 0 0;font-size:.98rem;font-weight:800;line-height:1.3}.dash-nav-hint{color:var(--gray-light);margin:3px 0 0;font-size:.78rem;font-weight:600}.dash-strip{border:1px solid var(--border-color);background:#fff;border-radius:16px;gap:22px;padding:22px;display:grid}.dash-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.dash-progress-kicker{color:var(--gray-text);margin:0;font-size:13px;font-weight:800}.dash-progress-value{font-family:var(--font-display);font-size:32px;font-weight:var(--font-display-weight-stat);color:var(--green);margin:4px 0 10px;line-height:1}.dash-progress-track{background:#e8e8e8;border-radius:8px;height:10px;overflow:hidden}.dash-progress-fill{background:var(--green);border-radius:8px;height:100%}.dash-progress-note{color:var(--gray-light);margin:8px 0 0;font-size:13px;font-weight:700}.dash-metric-card{border:1px solid var(--border-color);text-align:left;width:100%;min-block-size:92px;color:inherit;cursor:pointer;font:inherit;background:#fbf8f3;border-radius:12px;padding:16px 16px 14px;text-decoration:none;display:block}a.dash-metric-card:hover,button.dash-metric-card:hover{border-color:var(--green)}.dash-metrics strong{color:var(--gray-text);font-size:26px;font-weight:800;display:block}.dash-metrics span{color:var(--gray-light);margin-top:2px;font-size:13px;font-weight:600;display:block}.dash-metric-card:not(a):not(button){cursor:default}.belajar-head h1{font-family:var(--font-display);font-size:40px;font-weight:var(--font-display-weight);color:var(--green);margin:0}.belajar-head p:last-child{max-width:52ch;color:var(--gray-light);margin:10px 0 0;font-weight:600}.dash-hero__photo{object-fit:cover}.dash-voucher-cta{background:var(--dark-blue);text-align:start;cursor:pointer;min-block-size:280px;inline-size:100%;font:inherit;border:0;border-radius:28px;margin-block-start:16px;padding:0;text-decoration:none;transition:transform .12s;display:block;position:relative;overflow:clip;box-shadow:0 18px 40px #181d2729}.dash-voucher-cta:hover{transform:translateY(-2px)}.dash-voucher-cta:active{transform:translateY(1px)}.dash-voucher-cta__art{object-fit:cover;object-position:72% 46%}.dash-voucher-cta__scrim{background:linear-gradient(105deg,#181d27e6 16%,#181d2759 58%,#181d2714 100%);position:absolute;inset:0}.dash-voucher-cta__copy{z-index:1;flex-direction:column;justify-content:end;min-block-size:280px;max-inline-size:420px;padding:32px;display:flex;position:relative}.dash-voucher-cta__copy .dash-kicker{color:#ffd27a}.dash-voucher-cta__copy strong{color:#fff;font-family:var(--font-display);font-size:40px;font-weight:var(--font-display-weight-stat);text-transform:none;line-height:1.05}.dash-voucher-cta__copy em{color:#ffffffd6;margin-block-start:10px;font-size:16px;font-style:normal;font-weight:600;line-height:1.45}.voucher-page{color:#181d27;--sg-btn-radius:999px;--sg-btn-radius-sm:999px;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:start;gap:24px;margin-block:14px 36px;display:grid}.app-shell-content:has(.voucher-page){overflow:hidden auto}.learn-page--viewport:has(.voucher-page){min-block-size:min-content;overflow:visible}.voucher-page__back{color:var(--ns-accent);align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.voucher-page__back:hover{color:var(--ns-accent-hover);text-decoration:none}.voucher-page__art{aspect-ratio:1.25;background:#f4f8fc;border-radius:14px;place-items:center;min-block-size:460px;min-inline-size:0;display:grid;position:relative;overflow:hidden}.voucher-page__art img{object-fit:contain;padding:18px}.voucher-page__panel{background:#fff;border:1.5px solid #e9eaeb;border-radius:14px;flex-direction:column;min-inline-size:0;padding:28px;display:flex}.voucher-page__panel h1{color:#181d27;font-family:var(--font-sans);letter-spacing:-.03em;margin:0;font-size:clamp(26px,2.4vw,34px);font-weight:600;line-height:1.15}.voucher-page__panel>p{color:#475569;max-inline-size:54ch;margin:12px 0 0;font-size:14px;font-weight:400;line-height:1.5}.voucher-page__form{flex-direction:column;gap:10px;margin-block-start:24px;display:flex}.voucher-page__form label{color:#181d27;font-size:13px;font-weight:600}.voucher-page__form .sg-input{min-block-size:46px;inline-size:100%;font:inherit;background:#fff;border:1px solid #d5d7da;border-radius:10px;font-size:14px}.voucher-page__form .sg-input:focus-visible{border-color:var(--ns-accent-bright);outline-offset:1px;outline:3px solid #328bc429}.voucher-page__form .sg-btn{background:var(--ns-accent);border-radius:999px;align-self:start;min-block-size:46px;margin-block-start:4px;padding-inline:24px;font-size:14px;font-weight:600}.voucher-page__form .sg-btn:hover{background:var(--ns-accent-hover)}.voucher-page__status{color:#181d27;margin:12px 0 0;font-size:14px;font-weight:600;line-height:1.5}.voucher-page__status--ok{background:#f1faf6;border:1px solid #b9dfcf;border-radius:10px;padding:12px 14px}.voucher-page__actions{flex-wrap:wrap;gap:10px;margin-block-start:20px;display:flex}.voucher-page__history{border-block-start:1px solid #e9eaeb;flex-direction:column;min-block-size:0;margin-block-start:22px;padding-block-start:20px;display:flex}.voucher-page__history h2{color:#181d27;margin:0;font-size:17px;font-weight:600}.voucher-page__history-lead{color:#475569;margin:6px 0 14px;font-size:14px;font-weight:400;line-height:1.45}.voucher-page__panel .claim-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c5cbd3 transparent;max-block-size:min(32vh,300px);margin:0;padding:0;overflow:auto}.voucher-page__panel .claim-card{background:var(--ns-accent-tint);border:1px solid #e9eaeb;border-radius:12px;padding:16px}.voucher-page__panel .claim-card__top strong,.voucher-page__panel .claim-card__code{color:#181d27}.voucher-page__panel .claim-card__meta{color:#475569;font-size:13px;font-weight:400}.voucher-page__panel .claim-card .sg-badge{color:var(--ns-accent-hover);background:#e6f3fc;border-radius:999px}@media (max-width:900px){.dash-voucher-cta,.dash-voucher-cta__copy{min-block-size:240px}.dash-voucher-cta__copy strong{font-size:32px}.voucher-page{grid-template-columns:1fr;gap:16px}.voucher-page__art{aspect-ratio:1.6;order:0;min-block-size:0}.voucher-page__panel{padding:24px}}@media (max-width:600px){.voucher-page{margin-block-start:10px}.voucher-page__art{aspect-ratio:1.25}.voucher-page__art img{padding:8px}.voucher-page__panel{border-radius:12px;padding:20px}.voucher-page__panel h1{font-size:26px}.voucher-page__form .sg-btn{align-self:stretch}.voucher-page__panel .claim-list{max-block-size:260px}}.dash-hero__scrim{background:linear-gradient(105deg,#181d27e0 18%,#181d2747 72%);position:absolute;inset:0}.dash-hero__copy{z-index:1;color:#fff;flex-direction:column;justify-content:end;min-block-size:340px;max-inline-size:560px;padding:36px;display:flex;position:relative}.dash-hero__kicker,.dash-kicker{color:#9a4a00;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}.dash-hero__kicker{color:#ffd27a}.dash-hero__copy h1{color:#fff;font-family:var(--font-display);text-transform:none;margin:0;font-size:42px;line-height:1.05}.dash-hero__copy p{color:#ffffffd6;margin:12px 0 0;font-size:16px;font-weight:600;line-height:1.45}.dash-hero__actions{flex-wrap:wrap;align-items:center;gap:16px;margin-block-start:24px;display:flex}.dash-hero__stat{color:#ffffffc7;letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:800}.dash-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-block-start:16px;display:grid}.dash-stat{border:2px solid var(--border-color);background:#fff;border-radius:20px;padding:18px 20px}.dash-stat span{color:var(--gray-text);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800}.dash-stat strong{color:var(--dark-blue);font-family:var(--font-display);margin-block-start:6px;font-size:32px;line-height:1;display:block}.dash-stat em{color:var(--nav-text);font-size:18px;font-style:normal}.dash-achievements{border:2px solid var(--border-color);background:#fff;border-radius:24px;margin-block-start:20px;padding:24px}.dash-achievements__head h2{color:var(--dark-blue);font-family:var(--font-display);text-transform:none;margin:0;font-size:28px;line-height:1.15}.dash-achievements__head p{color:var(--gray-light);margin:8px 0 0;font-size:15px;font-weight:600;line-height:1.45}.dash-achievements__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 0;padding:0;list-style:none;display:grid}.dash-achievement{text-align:center;background:#2a74a314;border:2px solid #2a74a359;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px 18px;display:flex}.dash-achievement__art{object-fit:contain;block-size:88px;inline-size:88px}.dash-achievement strong{color:var(--dark-blue);font-size:14px;font-weight:800;line-height:1.2}.dash-achievement span{color:var(--gray-light);font-size:13px;font-weight:600;line-height:1.35}.dash-achievement--locked{border-color:var(--border-color);background:#f7f7f7}.dash-achievement--locked .dash-achievement__art{filter:grayscale();opacity:.45}.dash-achievement--locked strong{color:var(--gray-light)}.dash-continue,.dash-enroll{border:2px solid var(--border-color);background:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin-block-start:20px;padding:24px;display:flex}.dash-continue{background:#2a74a314;border-color:#2a74a359}.dash-continue h2,.dash-enroll h2,.dash-track h2{color:var(--dark-blue);font-family:var(--font-display);text-transform:none;margin:0;font-size:28px;line-height:1.15}.dash-continue p,.dash-track__head p,.dash-enroll p,.dash-empty{color:var(--gray-text);margin:8px 0 0;font-size:15px;font-weight:600;line-height:1.45}.dash-continue__progress{max-inline-size:360px;margin-block-start:16px}.dash-continue .sg-btn{flex-shrink:0}.dash-track{margin-block-start:36px}.dash-track__head{justify-content:space-between;align-items:start;gap:16px;display:flex}.dash-missions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block-start:16px;display:grid}.dash-mission--locked{box-shadow:none;background:#fffaf4;position:relative}.dash-mission--locked .sg-card__title,.dash-mission--locked .sg-card__desc{color:var(--gray-text)}.dash-mission--locked .sg-progress__bar{opacity:.45}.dash-mission__tags{flex-wrap:wrap;gap:8px;display:flex}.dash-mission__bar{margin-block-start:14px}.dash-mission .sg-card__footer{align-items:center;gap:12px;padding-block:14px}.dash-mission .sg-card__footer .sg-btn--sm{flex-shrink:0}.dash-empty{margin-block-start:24px}.dash-enroll{background:var(--dark-blue);border-color:var(--dark-blue);color:#fff;margin-block-start:40px}.dash-enroll h2{color:#fff}.dash-enroll p,.dash-enroll .dash-kicker,.dash-enroll .sg-type__small{color:#ffffffb8}.dash-enroll .sg-subscribe{flex:280px;max-inline-size:420px}@media (max-width:900px){.dash-hero__copy h1{font-size:32px}.dash-stats,.dash-missions,.learn-missions,.dash-achievements__grid{grid-template-columns:1fr}.dash-continue,.dash-enroll{flex-direction:column;align-items:stretch}}.lesson{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.lesson__stage{min-inline-size:0}.lesson__crumb{color:var(--gray-light);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;font-size:13px;font-weight:700;display:flex}.lesson__crumb a{color:var(--orange);text-decoration:none}.lesson__meta,.lesson__aside-kicker,.lesson__task-kicker{color:var(--orange);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}.lesson__stage h1:not(.lesson-main-card__heading){color:var(--dark-blue);font-family:var(--font-display);margin:0;font-size:36px;line-height:1.1}.lesson__body{max-inline-size:62ch;color:var(--gray-text);margin:12px 0 0;font-size:17px;font-weight:600;line-height:1.55}.lesson__mission-step{flex-direction:column;gap:24px;display:flex}.lesson-step-guide{border-inline-start:3px solid var(--learn-accent,var(--ns-accent));background:#eff6ffa6;border-radius:0 12px 12px 0;flex-direction:column;gap:14px;padding:16px 18px;display:flex}.lesson-step-guide__lead{color:var(--learn-ink,#0f172a);max-inline-size:65ch;margin:0;font-size:15px;font-weight:600;line-height:1.55}.lesson-step-guide__tasks-label{color:var(--learn-muted,#64748b);letter-spacing:.02em;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:800}.lesson-step-guide__list{color:var(--gray-text);margin:0;padding-inline-start:20px;font-size:14px;font-weight:600;line-height:1.55}.lesson-step-guide__list li+li{margin-block-start:8px}.lesson-step-guide__remember{color:var(--learn-ink,#0f172a);background:#ffffffd9;border-radius:10px;margin:0;padding:12px 14px;font-size:13px;font-weight:600;line-height:1.5}.lesson-step-guide__remember strong{color:var(--ns-accent-hover);font-weight:800}.lesson__task{border:1px solid var(--border-color);background:var(--learn-bg,#f8fafc);border-radius:16px;flex-direction:column;align-items:stretch;gap:12px;margin-block-start:0;padding:22px;display:flex}.lesson__task h3{color:var(--dark-blue);margin:0 0 14px;font-size:18px}.lesson__feature-guide{border:1px solid var(--learn-border,#e2e8f0);color:var(--learn-ink,#0f172a);background:#2a74a30f;border-radius:12px;gap:8px;margin:0;padding:12px 14px;font-size:14px;line-height:1.45;display:grid}.lesson__feature-guide p{margin:0}.lesson__feature-skip{font-weight:600;color:var(--learn-muted,#64748b)!important;font-size:13px!important}.lesson__feature-option{flex-direction:column;gap:2px;display:flex}.lesson__feature-option strong{color:var(--learn-ink,#0f172a);font-size:14px}.lesson__feature-option span{color:var(--learn-muted,#64748b);font-size:13px;font-weight:600}.lesson__hint,.lesson__result{color:var(--gray-light);margin:0;font-size:14px;font-weight:600;line-height:1.45}.lesson__result{background:var(--surface-2,#f7f7f7);color:var(--dark-blue);border-radius:14px;padding:12px 14px;font-size:15px;font-weight:800}.lesson__result--card{border:2px solid var(--border-color);background:#fff;gap:6px;padding:16px 18px;font-weight:700;display:grid}.lesson__result-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin:0;font-size:13px;font-weight:800}.lesson__result--card strong{color:var(--dark-blue);font-size:22px;font-weight:800}.lesson__result--card p{color:var(--gray-text);margin:0;font-size:14px;font-weight:700}.zoo-train{gap:18px;display:grid}.zoo-train__features{border:1px solid var(--learn-border,#e2e8f0);background:#fff;border-radius:12px;padding:12px 14px}.zoo-train__features-label{color:var(--learn-muted,#64748b);margin:0 0 8px;font-size:13px;font-weight:800}.zoo-train__features-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.zoo-train__features .zoo-train__result-note{margin-block-start:10px}.zoo-train__features-list li{color:var(--learn-ink,#0f172a);background:#f8fafc;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-flex}.zoo-train__pipeline{border:1px solid var(--learn-border,#e2e8f0);background:#fff;border-radius:14px;gap:10px;margin:0;padding:14px;list-style:none;display:grid}.zoo-train__pipeline-step{align-items:flex-start;gap:12px;display:flex}.zoo-train__pipeline-num{block-size:28px;inline-size:28px;color:var(--ns-accent);background:#2a74a31a;border-radius:8px;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:grid}.zoo-train__pipeline-step strong{color:var(--learn-ink,#0f172a);font-size:14px;font-weight:800;display:block}.zoo-train__pipeline-step p{color:var(--learn-muted,#64748b);margin:4px 0 0;font-size:13px;font-weight:600;line-height:1.4}.zoo-train__action{background:#fff;border:2px solid #2a74a329;border-radius:14px;gap:12px;padding:16px;display:grid}.zoo-train__action .sg-btn{justify-self:start;inline-size:auto}.zoo-train__action p{color:var(--gray-light);margin:0;font-size:14px;font-weight:600;line-height:1.45}.zoo-train__result{border:1px solid var(--learn-border,#e2e8f0);background:#fff;border-radius:14px;gap:12px;padding:16px;display:grid}.zoo-train__result-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.zoo-train__result-title{color:var(--dark-blue);margin:0;font-size:16px;font-weight:800}.zoo-train__result-score{color:var(--gray-text);margin:0;font-size:14px;font-weight:700;line-height:1.45}.zoo-train__result-score strong{color:var(--dark-blue);font-size:22px;font-weight:800}.zoo-train__result-note{color:var(--learn-muted,#64748b);margin:0;font-size:13px;font-weight:600;line-height:1.45}.dtree{border:1px solid var(--border-color);background:#fff;border-radius:14px;gap:10px;margin-block-start:4px;padding:16px;display:grid}.dtree__title{color:var(--dark-blue);margin:0;font-size:16px;font-weight:800}.dtree__hint{color:var(--gray-light);margin:0;font-size:13px;font-weight:600;line-height:1.45}.dtree__canvas{padding-block:4px 8px;overflow-x:auto}.dtree__node{gap:10px;min-inline-size:min(100%,280px);display:grid}.dtree__question{color:var(--learn-ink,#0f172a);text-align:center;background:#2a74a314;border:2px solid #2a74a359;border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;font-size:14px;font-weight:800;display:inline-flex}.dtree__branches{border-inline-start:3px solid var(--learn-border,#e2e8f0);gap:12px;padding-inline-start:clamp(8px,2vw,18px);display:grid}.dtree__branch{gap:8px;display:grid}.dtree__branch-tag{letter-spacing:.02em;border-radius:999px;align-self:start;padding:4px 10px;font-size:13px;font-weight:800;display:inline-flex}.dtree__branch-tag--no{color:#475569;background:#f1f5f9}.dtree__branch-tag--yes{color:var(--ns-accent);background:#2a74a324}.dtree__leaf{border:2px solid var(--dtree-leaf);gap:2px;padding:10px 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.dtree__leaf{border:2px solid color-mix(in srgb, var(--dtree-leaf) 45%, #fff)}}.dtree__leaf{background:var(--dtree-leaf);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.dtree__leaf{background:color-mix(in srgb, var(--dtree-leaf) 12%, #fff)}}.dtree__leaf-label{color:var(--learn-ink,#0f172a);font-size:14px;font-weight:800}.dtree__leaf-meta{color:var(--learn-muted,#64748b);font-size:13px;font-weight:600}.eval-viz{background:linear-gradient(#2a74a30d,#fff 42%);border:2px solid #2a74a329;border-radius:14px;gap:16px;padding:16px;display:grid}.eval-viz--empty{background:#fff;border-style:dashed}.eval-viz__empty-title{color:var(--dark-blue);margin:0;font-size:15px;font-weight:800}.eval-viz__empty-text{color:var(--gray-light);margin:0;font-size:14px;font-weight:600;line-height:1.45}.eval-viz__summary{gap:8px;display:grid}.eval-viz__badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-self:start;padding:5px 12px;font-size:13px;font-weight:800;display:inline-flex}.eval-viz__badge--pass{color:#15803d;background:#22c55e24}.eval-viz__badge--fail{color:#b91c1c;background:#ef44441f}.eval-viz__headline{color:var(--learn-ink,#0f172a);margin:0;font-size:15px;font-weight:700;line-height:1.45}.eval-viz__headline strong{color:var(--dark-blue);font-size:24px;font-weight:800}.eval-viz__meta{color:var(--learn-muted,#64748b);margin:0;font-size:13px;font-weight:600}.eval-viz__meter-wrap{gap:8px;display:grid}.eval-viz__meter{border:2px solid var(--border-color);background:#f1f5f9;border-radius:12px;block-size:44px;position:relative;overflow:hidden}.eval-viz__meter-fill{background:linear-gradient(90deg, var(--ns-accent), var(--ns-accent-bright));border-radius:10px 0 0 10px;transition:inline-size .35s;position:absolute;inset-block:0;inset-inline-start:0}.eval-viz__meter--pass .eval-viz__meter-fill{background:linear-gradient(90deg,#16a34a,#22c55e)}.eval-viz__meter--fail .eval-viz__meter-fill{background:linear-gradient(90deg,#dc2626,#f97316)}.eval-viz__meter-threshold{z-index:2;background:#0f172a;border-radius:2px;inline-size:3px;margin-inline-start:-1.5px;position:absolute;inset-block:4px;box-shadow:0 0 0 2px #ffffffd9}.eval-viz__meter-value{color:#fff;text-shadow:0 1px 2px #0f172a59;z-index:1;place-items:center;font-size:16px;font-weight:800;display:grid;position:absolute;inset:0}.eval-viz__meter-labels{color:var(--learn-muted,#64748b);justify-content:space-between;gap:8px;font-size:13px;font-weight:700;display:flex}.eval-viz__meter-threshold-label{color:var(--learn-ink,#0f172a)}.eval-viz__explain{border:1px solid var(--learn-border,#e2e8f0);background:#fff;border-radius:12px;gap:6px;padding:12px 14px;display:grid}.eval-viz__explain p{color:var(--gray-text);margin:0;font-size:13px;font-weight:600;line-height:1.45}.eval-viz__classes{border:1px solid var(--learn-border,#e2e8f0);background:#fff;border-radius:12px;gap:10px;padding:14px;display:grid}.eval-viz__classes-title{color:var(--dark-blue);margin:0;font-size:14px;font-weight:800}.eval-viz__classes-hint{color:var(--learn-muted,#64748b);margin:0;font-size:13px;font-weight:600;line-height:1.4}.eval-viz__class-list{gap:10px;display:grid}.eval-viz__class-row{gap:6px;display:grid}.eval-viz__class-head{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.eval-viz__class-dot{border-radius:999px;flex-shrink:0;block-size:10px;inline-size:10px}.eval-viz__class-name{color:var(--learn-ink,#0f172a)}.eval-viz__class-score{color:var(--learn-muted,#64748b);margin-inline-start:auto;font-size:13px;font-weight:700}.eval-viz__class-bar{background:#e2e8f0;border-radius:999px;block-size:8px;overflow:hidden}.eval-viz__class-bar-fill{border-radius:999px;block-size:100%;display:block}.lesson__stage-progress{max-inline-size:280px;margin:0 0 12px}.lesson__warn{color:var(--dark-blue);background:#fff6e8;border-radius:12px;margin:12px 0 0;padding:12px 14px;font-size:14px;font-weight:700;line-height:1.45}.lesson__result strong{color:var(--dark-blue)}.lesson__table{border:1px solid var(--border-color);border-radius:12px;margin-block-end:16px;overflow:auto}.lesson__table .app-table{margin:0}.lesson__textarea{resize:vertical;block-size:auto;min-block-size:120px;inline-size:100%;padding-block:12px;padding-inline:16px;font-size:16px;line-height:1.45;display:block}.lesson__actions{flex-wrap:wrap;gap:12px;display:flex}.lesson__nav{border-block-start:0;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-block-start:20px;padding-block-start:0;display:flex}.lesson__aside{border:1px solid var(--learn-border,var(--border-color));background:#fff;border-radius:18px;max-block-size:calc(100dvb - 120px);padding:18px 16px;position:sticky;inset-block-start:96px;overflow:auto}.lesson__aside h2{color:var(--dark-blue);font-family:var(--font-display);margin:0;font-size:22px;line-height:1.15}.lesson__progress{margin-block:14px 8px}.lesson__steps{flex-direction:column;gap:4px;margin:12px 0 0;padding:0;list-style:none;display:flex}.lesson__step{color:inherit;border-radius:12px;align-items:center;gap:10px;padding:10px;text-decoration:none;display:flex}.lesson__step--locked{cursor:not-allowed;opacity:.55}.lesson__step--locked:hover{background:0 0}.lesson__step--current{background:#2a74a324}.lesson__num{background:var(--border-color);block-size:28px;inline-size:28px;color:var(--gray-text);border-radius:999px;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:grid}.lesson__step--done .lesson__num{background:var(--green);color:#fff}.lesson__step--current .lesson__num{background:var(--dark-blue);color:#fff}.lesson__step-copy{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.lesson__step-copy strong{color:var(--dark-blue);font-size:13px;font-weight:800;line-height:1.3}.lesson__step-copy em{color:var(--gray-light);font-size:13px;font-style:normal;font-weight:700}@media (max-width:900px){.lesson:not(.lesson--dashboard){grid-template-columns:1fr}.lesson:not(.lesson--dashboard) .lesson__aside{order:-1;max-block-size:none;position:static}.lesson__hero h1,.lesson__stage h1:not(.lesson-main-card__heading){font-size:26px}.learn-missions,.dash-missions,.learn-page--viewport .learn-missions{grid-template-columns:1fr}.learn-page-head{padding:20px}.learn-filters__row{grid-template-columns:1fr}.lesson__nav{z-index:8;padding:14px 0 calc(14px + env(safe-area-inset-bottom,0px));border-block-start:1px solid var(--learn-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fafcf5;margin-block:16px -8px;position:sticky;inset-block-end:0}}.lab{flex-direction:column;gap:16px;min-block-size:calc(100dvb - 132px);display:flex}.lab--viewport{flex-direction:column;flex:auto;gap:10px;min-block-size:0;display:flex;overflow:hidden}.lab--viewport .lab__head{flex:none;align-items:center;gap:12px}.lab--viewport .lab__head-copy{min-inline-size:0}.lab--viewport .lab__head-title{flex-wrap:wrap;align-items:baseline;gap:8px 14px;display:flex}.lab--viewport .lab__head h1{font-size:22px;line-height:1.2}.lab--viewport .lab__head-meta{color:var(--gray-light);margin:0;font-size:13px;font-weight:600;line-height:1.35}.lab--viewport .lesson__crumb{margin-block-end:4px;font-size:13px}.lab--viewport .app-warning,.lab--viewport .app-error{flex:none;margin:0;font-size:13px;line-height:1.4}.lab--viewport .lab__boot{flex:none;padding:10px 12px}.lab--viewport .lab__boot p{margin-block-start:6px;font-size:13px}.lab--viewport .lab__workspace{flex:auto;min-block-size:0}.lab__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.lab__head h1{color:var(--dark-blue);font-family:var(--font-display);margin:0;font-size:36px;line-height:1.1}.lab__head p{color:var(--gray-light);margin:8px 0 0;font-size:15px;font-weight:600}.lab__head code{color:var(--dark-blue);background:#2a74a31f;border-radius:6px;padding:1px 6px;font-size:13px}.lab__head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lab__chip{background:var(--border-color);color:var(--gray-text);border-radius:999px;align-items:center;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.lab__chip--ok{color:var(--green-hover);background:#2a74a329}.lab__chip--run{color:var(--blue);background:#1cb0f629}.lab__chip--err{color:var(--red);background:#ff4b4b24}.lab__boot{background:#2a74a314;border:2px solid #2a74a359;border-radius:16px;padding:14px 16px}.lab__boot--err{background:#ff4b4b14;border-color:#ff4b4b59}.lab__boot-meta{color:var(--dark-blue);justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex}.lab__boot p{color:var(--gray-text);margin:8px 0 0;font-size:13px;font-weight:600;line-height:1.4}.lab__slider{background:#181d271a;border-radius:999px;block-size:12px;margin-block-start:10px;overflow:clip}.lab__slider-fill{border-radius:inherit;background:var(--green);block-size:100%;transition:inline-size .25s;display:block}.lab__boot--err .lab__slider-fill{background:var(--red)}.lab__workspace{flex:auto;grid-template-columns:minmax(0,1.45fr) minmax(260px,.9fr);gap:14px;min-block-size:560px;display:grid}.lab--viewport .lab__workspace{min-block-size:0}.app-shell-content:has(.lab--start){background-color:#fcfcfb;background-image:linear-gradient(90deg,#e5e7ebb3 1px,#0000 1px),linear-gradient(#e5e7ebb3 1px,#0000 1px);background-size:56px 56px;overflow:auto}.lab--start{--lab-orange:var(--ns-accent);--lab-orange-dark:var(--ns-accent-hover);--lab-orange-soft:var(--ns-warning-soft);--lab-ink:#0c111d;--lab-muted:#475467;--lab-border:#e5e7eb;--lab-paper:#fcfcfb;min-block-size:0;color:var(--lab-ink);font-family:var(--font-outfit), var(--font-quicksand), sans-serif;flex:auto;gap:22px;overflow:hidden}.lab-start__intro h1{color:var(--lab-ink,#0c111d);font-family:var(--font-outfit), var(--font-quicksand), sans-serif;letter-spacing:-.03em;margin:10px 0 0;font-size:32px;font-weight:800;line-height:1.05}.lab-start__intro h1 em{color:var(--lab-orange,var(--ns-accent));font-style:normal;font-weight:800}.lab-start__intro p{color:var(--lab-muted,#475467);margin:8px 0 0;font-size:16px;font-weight:500}.lab-start__intro code{color:var(--learn-ink,#0f172a);font-size:13px}.lab-start__crumb{color:var(--learn-muted,#64748b);flex-wrap:wrap;gap:6px;margin:0;font-size:13px;font-weight:600;display:flex}.lab-start__crumb a{color:inherit;text-decoration:none}.lab-start__crumb a:hover{color:var(--lab-orange-dark,var(--ns-accent-hover))}.lab-start__note{color:var(--red,#dc2626);margin:0;font-size:13px;font-weight:600}.lab-start__intro{flex:none}.lab-start__card{border:1px solid var(--lab-border,#e5e7eb);background:#fff;border-radius:0;flex:auto;grid-template-columns:minmax(220px,280px) minmax(0,1.6fr) minmax(260px,.8fr);min-block-size:0;display:grid;overflow:hidden}.lab-guide{overflow-anchor:none;border-inline-end:1px solid var(--lab-border,#e5e7eb);background:var(--lab-paper,#fcfcfb);flex-direction:column;gap:18px;min-block-size:0;min-inline-size:0;padding:20px 18px 24px;display:flex;overflow:auto}.lab-guide__section h2,.lab-guide__section h3{color:var(--lab-ink,#0c111d);font-family:var(--font-outfit), var(--font-quicksand), sans-serif;letter-spacing:-.02em;margin:0 0 6px}.lab-guide__section h2{font-size:16px;font-weight:700}.lab-guide__section h3{margin-top:12px;font-size:14px;font-weight:700}.lab-guide__section p,.lab-guide__list{color:var(--lab-muted,#475467);margin:0;font-size:13px;font-weight:500;line-height:1.5}.lab-guide__section article+article{margin-top:4px}.lab-guide__kicker{color:var(--lab-orange-dark,var(--ns-accent-hover));letter-spacing:.24em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.lab-guide__list{padding-inline-start:18px}.lab-guide__list li+li{margin-top:6px}.lab-guide__sample{color:#e2e8f0;white-space:pre;background:#0f172a;border-radius:8px;margin:10px 0 0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5;overflow:auto}.lab-start__code{background:#fff;flex-direction:column;min-block-size:0;min-inline-size:0;display:flex;overflow:auto}.lab-start__code-head{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 8px;display:flex}.lab-start__code-head h2,.lab-start__side h2{color:var(--lab-ink,#0c111d);font-family:var(--font-outfit), var(--font-quicksand), sans-serif;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.lab-start__code-head span{color:var(--learn-muted,#64748b);font-size:13px;font-weight:600}.lab-editor-mode{border:1px solid var(--lab-border,#e5e7eb);background:#fff;border-radius:0;flex:none;margin-inline-start:auto;padding:0;display:inline-flex}.lab-editor-mode button{height:32px;color:var(--lab-muted,#475467);cursor:pointer;background:0 0;border:0;border-radius:0;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600}.lab-editor-mode button.is-active{background:var(--lab-orange,var(--ns-accent));color:#fff;box-shadow:none}.lab-blockly-host{block-size:100%;min-block-size:420px;inline-size:100%}.lab-start__code .lab__editor{border-block-start:0;flex:0 auto;max-block-size:240px}.lab-start__data{border-block-start:1px solid var(--learn-border,#e2e8f0);background:#fff;flex-direction:column;flex:auto;min-block-size:180px;display:flex}.lab-start__data-head{justify-content:space-between;align-items:baseline;gap:12px;padding:14px 16px 8px;display:flex}.lab-start__data-head h2{color:var(--learn-ink,#0f172a);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:700}.lab-start__data-head span,.lab-start__data-more,.lab-start__data-empty{color:var(--learn-muted,#64748b);margin:0;font-size:13px;font-weight:600}.lab-start__data-empty,.lab-start__data-more{padding:0 16px 12px}.lab-start__data-scroll{border-block-start:1px solid var(--learn-border,#e2e8f0);flex:auto;min-block-size:0;overflow:auto}.lab-start__data table{border-collapse:collapse;font-variant-numeric:tabular-nums;inline-size:100%;font-size:13px}.lab-start__data th,.lab-start__data td{color:var(--learn-ink,#0f172a);text-align:start;white-space:nowrap;border-block-end:1px solid #eef2f6;padding:7px 12px;font-weight:500}.lab-start__data th{color:var(--learn-muted,#64748b);background:#f1f5f9;font-weight:700;position:sticky;inset-block-start:0}.lab-start__data tbody tr:hover td{background:#2a74a30f}.lab-start__data-index{inline-size:36px;color:#64748b!important;text-align:end!important;font-weight:600!important}.lab-start__code .lab__gutter{color:#64748b;background:0 0}.lab-start__code .lab__textarea{color:var(--learn-ink,#0f172a);background:0 0;font-size:13px}.lab-start__side{background:var(--lab-paper,#fcfcfb);border-inline-start:1px solid var(--lab-border,#e5e7eb);flex-direction:column;gap:14px;min-block-size:0;min-inline-size:0;padding:22px 22px 18px;display:flex;overflow:auto}.lab-start__side .lab__chip{color:var(--learn-muted,#64748b);background:#fff;align-self:flex-start;font-weight:600}.lab-start__boot{background:#fff;border-radius:8px;gap:8px;padding:12px;display:grid}.lab-start__boot p{color:var(--learn-muted,#64748b);margin:0;font-size:13px;font-weight:600;line-height:1.4}.lab-start__boot-meta{color:var(--learn-ink,#0f172a);justify-content:space-between;font-size:13px;font-weight:600;display:flex}.lab-start__side .lab__slider{background:#e2e8f0;block-size:8px;margin:0}.lab-start__side .lab__slider-fill{background:var(--lab-orange,var(--ns-accent))}.lab-start__run{background:var(--lab-orange,var(--ns-accent));color:#fff;letter-spacing:0;text-transform:none;cursor:pointer;border:0;border-radius:0;justify-content:center;align-items:center;min-block-size:44px;inline-size:100%;margin-block-start:4px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 8px 18px #fb651438}.lab-start__run:hover:not(:disabled){background:var(--lab-orange-dark,var(--ns-accent-hover))}.lab-start__run:disabled{opacity:.45;cursor:not-allowed}.lab-start__back{color:var(--lab-ink,#0c111d);letter-spacing:0;text-transform:none;align-self:center;font-size:13px;font-weight:600;text-decoration:none}.lab-start__back:hover{color:var(--lab-orange-dark,var(--ns-accent-hover))}.lab-start__output{flex-direction:column;flex:auto;min-block-size:180px;margin-block-start:8px;display:flex}.lab-start__output h3{color:var(--lab-orange-dark,var(--ns-accent-hover));letter-spacing:.24em;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:700}.lab-start__output pre{color:var(--learn-ink,#0f172a);white-space:pre-wrap;background:#fff;border-radius:8px;flex:auto;margin:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.55;overflow:auto}.lab__panel{border:2px solid var(--border-color);background:#fff;border-radius:20px;flex-direction:column;min-block-size:0;display:flex;overflow:clip}.lab__panel-bar{border-block-end:1px solid var(--border-color);color:var(--gray-light);letter-spacing:.06em;text-transform:uppercase;background:#fafafa;justify-content:space-between;gap:12px;padding:10px 14px;font-size:13px;font-weight:800;display:flex}.lab__panel--console{background:var(--dark-blue);border-color:var(--dark-blue)}.lab__panel--console .lab__panel-bar{color:#ffffff8c;background:#ffffff0f;border-block-end-color:#ffffff14}.lab__editor{flex:auto;grid-template-columns:44px minmax(0,1fr);min-block-size:0;display:grid;overflow:auto}.lab-start__code .lab__editor.lab__editor--blocks{flex:none;block-size:480px;min-block-size:420px;max-block-size:none;display:block;overflow:hidden}.lab-start__code .lab__editor.lab__editor--blocks.is-hidden{display:none}.lab__gutter{color:var(--nav-text);text-align:end;background:#f4f1ec;margin:0;padding:16px 8px 24px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.55}.lab__textarea{min-block-size:100%;inline-size:100%;color:var(--dark-blue);resize:none;tab-size:2;background:#fff;border:0;outline:none;margin:0;padding:16px 16px 24px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:500;line-height:1.55;display:block;overflow:hidden}.lab--viewport .lab__textarea{min-block-size:auto}.lab__console{color:#fff;white-space:pre-wrap;flex:auto;min-block-size:0;margin:0;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.55;overflow:auto}@media (max-width:1100px){.dash-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.learn-layout{grid-template-columns:1fr;gap:16px}.learn-sidebar{padding:10px;position:static}.learn-sidebar__list{scrollbar-width:none;gap:8px;padding-block-end:2px;display:flex;overflow-x:auto}.learn-sidebar__list::-webkit-scrollbar{display:none}.learn-sidebar__link{flex:none;min-width:132px}.learn-sidebar__hint{display:none}.dash-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.lab__workspace{grid-template-columns:1fr;min-block-size:0}.lab--viewport .lab__workspace{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.lab__editor,.lab__console{min-block-size:280px}.lab--viewport .lab__editor,.lab--viewport .lab__console{min-block-size:0}.lab__head h1{font-size:28px}.lab--viewport .lab__head{align-items:flex-start}.lab--viewport .lab__head h1{font-size:20px}.lab--viewport .lab__head-actions{inline-size:100%}:is(.app-shell-content:has(.learn-page--viewport),.app-shell-content:has(.lab--viewport),.app-shell-content:has(.lab--start),.app-shell-content:has(.home-dash--student)){padding:20px 16px 16px}.lab-start__intro h1{font-size:26px}.lab-start__card{grid-template-columns:1fr;min-block-size:0}.lab-guide{border-inline-end:0;border-block-end:1px solid var(--learn-border,#e2e8f0);max-block-size:280px}.lab-start__side{border-inline-start:0;border-block-start:1px solid var(--learn-border,#e2e8f0)}.lab-start__code .lab__editor{min-block-size:160px;max-block-size:220px}.lab-start__data{min-block-size:240px}.sg-nav{inset-block-start:max(8px, env(safe-area-inset-top,0px))}.sg{padding-block-start:calc(72px + env(safe-area-inset-top,0px))}.sg-nav__inner{gap:8px;block-size:52px;inline-size:calc(100% - 16px);padding-inline:12px 6px}.sg-nav__brand-copy{min-inline-size:0}.sg-nav__kicker--area,.sg-nav__context-hint{display:none}.sg-nav__context{margin-inline:0 8px;padding-inline:10px}.sg-nav__context-title,.sg-nav__kicker--brand{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-main{padding:20px 16px calc(108px + env(safe-area-inset-bottom,0px))}.sg--sidebar-nav .app-main{padding-block-end:calc(24px + env(safe-area-inset-bottom,0px))}.app-mobile-nav{padding-block-end:calc(8px + env(safe-area-inset-bottom,0px))}.app-mobile-nav__link{min-block-size:44px;min-inline-size:72px;padding:8px 12px;font-size:13px}.dash-hero,.dash-hero__copy{min-block-size:240px}.sg--learn .dash-bento,.sg--learn .dash-bento--teacher{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));min-block-size:0}.sg--learn .dash-bento__cell--welcome,.sg--learn .dash-bento__cell--visual,.sg--learn .dash-bento__cell--progress,.sg--learn .dash-bento__cell--next,.sg--learn .dash-bento__cell--stat-steps,.sg--learn .dash-bento__cell--stat-badges,.sg--learn .dash-bento__cell--stat-classes,.sg--learn .dash-bento__cell--stat-accuracy,.sg--learn .dash-bento__cell--stat-access,.sg--learn .dash-bento__cell--access,.sg--learn .dash-bento__cell--profile,.sg--learn .dash-bento--teacher .dash-bento__cell--welcome,.sg--learn .dash-bento--teacher .dash-bento__cell--visual,.sg--learn .dash-bento--teacher .dash-bento__cell--progress,.sg--learn .dash-bento--teacher .dash-bento__cell--next,.sg--learn .dash-bento--teacher .dash-bento__cell--stat-classes,.sg--learn .dash-bento--teacher .dash-bento__cell--stat-students,.sg--learn .dash-bento--teacher .dash-bento__cell--stat-alerts,.sg--learn .dash-bento--teacher .dash-bento__cell--stat-tracks,.sg--learn .dash-bento--teacher .dash-bento__cell--learn,.sg--learn .dash-bento--teacher .dash-bento__cell--roster{grid-area:auto}.sg--learn .dash-bento__cell--welcome,.sg--learn .dash-bento__cell--visual,.sg--learn .dash-bento__cell--access,.sg--learn .dash-bento__cell--profile,.sg--learn .dash-bento--teacher .dash-bento__cell--welcome,.sg--learn .dash-bento--teacher .dash-bento__cell--visual,.sg--learn .dash-bento--teacher .dash-bento__cell--roster{grid-column:1/-1}.sg--learn .dash-bento__cell--visual,.sg--learn .dash-bento--teacher .dash-bento__cell--visual{min-block-size:200px}.sg--learn .dash-bento--teacher .dash-bento__note--inline{text-align:start;max-inline-size:none}.home-dash .dash-hero{grid-template-columns:1fr;min-block-size:0;padding:20px}.home-dash .dash-hero-title{font-size:28px}.home-dash .dash-hero-visual{order:-1;width:min(100%,280px)}.dash-nav,.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-hero__copy{max-inline-size:none;padding:20px}.dash-hero__actions{flex-direction:column;align-items:stretch;gap:10px}.dash-hero__actions .sg-btn{inline-size:100%}.dash-track__head{flex-wrap:wrap;align-items:start}.dash-mission,.sg-card,.dash-stat{min-inline-size:0}.dash-mission .sg-card__footer{flex-wrap:wrap}.dash-mission .sg-card__footer .sg-btn--sm{min-block-size:44px}.app-modal{padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));place-items:center}.app-modal__card{inline-size:100%;max-inline-size:100%;max-block-size:calc(100dvb - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;overflow:auto}.app-modal__actions{flex-flow:wrap;justify-content:stretch}.app-modal__actions .sg-btn{flex:1 1 0;min-inline-size:0}.class-review{inline-size:100%;min-inline-size:0}.class-student__summary{grid-template-columns:auto minmax(0,1fr)}.class-student__meta{white-space:normal;grid-column:2}.class-workspace{grid-template-columns:1fr;min-block-size:0;max-block-size:none}.class-workspace__rail{max-block-size:240px}.class-workspace__student{grid-template-columns:auto minmax(0,1fr)}.class-workspace__student-meta{grid-column:2;justify-self:start;margin-block-start:2px}.app-table-scroll{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:12px;margin-block:16px;overflow-x:auto}.app-table-scroll .app-table{min-inline-size:720px;margin:0}.lesson__nav,.lesson__actions,.lab__head-actions{flex-direction:column;align-items:stretch}.lesson__nav .sg-btn,.lesson__actions .sg-btn,.lab__head-actions .sg-btn,.dash-continue .sg-btn,.dash-enroll .sg-btn,.dash-track__head .sg-btn{inline-size:100%}.app-profile__menu{min-inline-size:min(260px,100vw - 24px)}}@media (max-width:640px){.dash-stats,.dash-missions,.dash-achievements__grid{grid-template-columns:1fr}.dash-hero__copy h1,.dash-continue h2,.dash-track h2,.dash-enroll h2,.class-page__head h1,.profile-hero h1,.profile-panel h2,.lab__head h1,.lesson__stage h1:not(.lesson-main-card__heading){font-size:26px}.lab--viewport .lab__head-actions{flex-flow:wrap;inline-size:auto}.lab--viewport .lab__head-actions .sg-btn{flex:auto;inline-size:auto;min-inline-size:0}.profile-hero{border-radius:20px;flex-direction:column;align-items:flex-start;gap:14px;padding:18px}.profile-hero__avatar{block-size:64px;inline-size:64px;font-size:22px}.profile-tabs{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-4px;padding:0 4px 6px;overflow-x:auto}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{flex:none;min-block-size:44px}.profile-panel{border-radius:20px;padding:18px}.auth-split__visual{min-block-size:148px}.auth-split__copy{inset-block-end:12px;inset-inline:16px}.auth-split__copy h2{font-size:22px}.auth-split__copy p{display:none}.auth-split__panel{padding:24px 20px calc(32px + env(safe-area-inset-bottom,0px))}.mode-switch__btn{padding-inline:8px;font-size:10px}.sg-progress__value{min-inline-size:0}}.mlp-viz{border:1px solid var(--learn-border,#e2e8f0);background:#fff;border-radius:14px;gap:10px;padding:14px;display:grid}.mlp-viz__title{color:var(--dark-blue);margin:0;font-size:14px;font-weight:800}.mlp-viz__track{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mlp-viz__segment{display:contents}.mlp-viz__arrow{color:var(--learn-muted,#64748b);font-size:18px;font-weight:800}.mlp-viz__scaler{background:#2a74a30f;border:1px dashed #2a74a359;border-radius:10px;gap:2px;padding:8px 10px;font-size:13px;font-weight:600;display:grid}.mlp-viz__scaler strong{color:var(--dark-blue);font-size:13px;font-weight:800}.mlp-viz__layer{border:1px solid var(--learn-border,#e2e8f0);background:#f8fafc;border-radius:10px;gap:6px;min-inline-size:88px;padding:10px;display:grid}.mlp-viz__layer--input{background:#2a74a30f;border-color:#2a74a34d}.mlp-viz__layer--hidden{background:#7c3aed0f;border-color:#7c3aed4d}.mlp-viz__layer--output{background:#22c55e14;border-color:#22c55e59}.mlp-viz__layer-label{color:var(--learn-ink,#0f172a);font-size:13px;font-weight:800}.mlp-viz__nodes{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.mlp-viz__node{background:var(--dark-blue,var(--ns-accent));border-radius:999px;block-size:10px;inline-size:10px}.mlp-viz__layer--hidden .mlp-viz__node{background:#7c3aed}.mlp-viz__layer--output .mlp-viz__node{background:#22c55e}.mlp-viz__more,.mlp-viz__layer-count{color:var(--learn-muted,#64748b);font-size:10px;font-weight:700}.mlp-viz__hint{color:var(--gray-text);margin:0;font-size:13px;font-weight:600;line-height:1.45}@media (max-width:767px){.mlp-viz__track{flex-direction:column;align-items:stretch}.mlp-viz__arrow{align-self:center;transform:rotate(90deg)}}.sms-spam,.ct-dasar{gap:16px;display:grid}.ct-dasar__intro{color:var(--gray-text);max-inline-size:65ch;margin:0;font-size:14px;font-weight:600;line-height:1.5}.ct-dasar__section-title{color:var(--dark-blue);margin:0;font-size:14px;font-weight:800}.ct-dasar__example-hint,.ct-dasar__pattern-insight{color:var(--learn-muted,#64748b);margin:0;font-size:13px;font-weight:600;line-height:1.45}.ct-dasar__pipeline{border:1px solid var(--learn-border,#e2e8f0);background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 14px;display:flex}.ct-dasar__pipeline-item{align-items:center;gap:6px;display:flex}.ct-dasar__pipeline-node{border:1px solid var(--learn-border,#e2e8f0);background:#f8fafc;border-radius:10px;gap:2px;min-inline-size:88px;padding:8px 12px;display:grid}.ct-dasar__pipeline-node--active{background:#2a74a31a;border-color:#2a74a373}.ct-dasar__pipeline-node--past{background:#0596690f;border-color:#05966959}.ct-dasar__pipeline-num{color:var(--learn-muted,#64748b);font-size:10px;font-weight:800}.ct-dasar__pipeline-node strong{color:var(--learn-ink,#0f172a);font-size:13px;font-weight:800}.ct-dasar__pipeline-node span:last-child{color:var(--gray-text);font-size:13px;font-weight:600}.ct-dasar__pipeline-arrow{color:var(--learn-muted,#64748b);font-size:14px;font-weight:800}.ct-dasar__example{border:1px solid var(--learn-border,#e2e8f0);background:#fff;border-radius:14px;gap:10px;padding:14px;display:grid}.ct-dasar__subtask-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.ct-dasar__subtask-card{border:1px solid var(--learn-border,#e2e8f0);background:#f8fafc;border-radius:12px;gap:4px;padding:10px 12px;display:grid}.ct-dasar__subtask-num{color:var(--ns-accent);font-size:13px;font-weight:800}.ct-dasar__subtask-card strong{color:var(--learn-ink,#0f172a);font-size:13px;font-weight:800}.ct-dasar__subtask-card p{color:var(--gray-text);margin:0;font-size:13px;font-weight:600;line-height:1.4}.ct-dasar__pattern-table-wrap{overflow-x:auto}.ct-dasar__pattern-table{border-collapse:collapse;width:100%;font-size:13px}.ct-dasar__pattern-table th,.ct-dasar__pattern-table td{border-bottom:1px solid var(--learn-border,#e2e8f0);text-align:start;padding:8px 10px}.ct-dasar__pattern-table th{color:var(--learn-ink,#0f172a);background:#f8fafc;font-weight:800}.ct-dasar__pattern-row--yes td:first-child{background:#0596690f}.ct-dasar__pattern-row--no td:first-child{background:#64748b0f}.ct-dasar__pattern-badge{border-radius:999px;padding:2px 8px;font-size:13px;font-weight:800;display:inline-flex}.ct-dasar__pattern-badge--yes{color:#047857;background:#05966926}.ct-dasar__pattern-badge--no{color:#475569;background:#64748b1f}.ct-dasar__abstract-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.ct-dasar__abstract-card{border:1px solid var(--learn-border,#e2e8f0);background:#fff;border-radius:12px;gap:4px;padding:10px 12px;display:grid}.ct-dasar__abstract-card--skip{background:#f8fafc;border-inline-start:4px solid #94a3b8}.ct-dasar__abstract-card--use{border-inline-start:4px solid var(--ns-accent)}.ct-dasar__abstract-card--target{background:#0596690a;border-inline-start:4px solid #059669}.ct-dasar__abstract-tag{color:var(--learn-muted,#64748b);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:800}.ct-dasar__abstract-card strong{color:var(--learn-ink,#0f172a);font-size:13px;font-weight:800}.ct-dasar__abstract-card code{color:var(--learn-muted,#64748b);font-size:13px;font-weight:700}.ct-dasar__abstract-card p{color:var(--gray-text);margin:0;font-size:13px;font-weight:600;line-height:1.4}.ct-dasar__algo-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ct-dasar__algo-item{border:1px solid var(--learn-border,#e2e8f0);background:#f8fafc;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.ct-dasar__algo-num{block-size:24px;inline-size:24px;color:var(--ns-accent);background:#2a74a31f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.ct-dasar__algo-item strong{color:var(--learn-ink,#0f172a);font-size:13px;font-weight:800}.ct-dasar__algo-item code{color:var(--learn-muted,#64748b);margin-top:2px;font-size:13px;font-weight:700;display:block}@media (max-width:767px){.ct-dasar__pipeline{flex-direction:column;align-items:stretch}.ct-dasar__pipeline-arrow{text-align:center;transform:rotate(90deg)}}.sg.sg--learn .profile-hero,.sg.sg--learn .profile-tabs,.sg.sg--learn .profile-panel{width:min(100%,1280px);margin-inline:auto}.sg.sg--learn .profile-hero{background:#fff;border:1.5px solid #e9eaeb;border-radius:10px;gap:18px;margin-block-end:16px;padding:22px}.sg.sg--learn .profile-hero__avatar{background:var(--ns-accent);width:72px;height:72px;font-family:var(--font-sans);border-radius:50%;font-size:24px;font-weight:600}.sg.sg--learn .profile-hero .dash-kicker,.sg.sg--learn .profile-panel .dash-kicker{color:var(--ns-accent);letter-spacing:.08em;margin:0 0 4px;font-size:13px;font-weight:700}.sg.sg--learn .profile-hero h1{color:#181d27;font-family:var(--font-sans);letter-spacing:-.03em;text-transform:none;font-size:clamp(24px,2.2vw,30px);font-weight:600;line-height:1.2}.sg.sg--learn .profile-hero p:last-child{color:#475569;margin-block-start:6px;font-size:14px;font-weight:400;line-height:20px}.sg.sg--learn .profile-tabs{gap:8px;margin-block-end:14px}.sg.sg--learn .profile-tab{color:#475467;background:#fff;border:1px solid #e9eaeb;border-radius:999px;min-height:42px;padding:9px 16px;font-size:14px;font-weight:600;transition:border-color .16s,background-color .16s,color .16s}.sg.sg--learn .profile-tab:hover{border-color:var(--ns-accent-light);background:var(--ns-accent-tint);color:var(--ns-accent-hover)}.sg.sg--learn .profile-tab.is-active{border-color:var(--ns-accent);background:var(--ns-accent);color:#fff}.sg.sg--learn .profile-panel{background:#fff;border:1.5px solid #e9eaeb;border-radius:10px;padding:24px}.sg.sg--learn .profile-panel h2{color:#181d27;font-family:var(--font-sans);text-transform:none;font-size:22px;font-weight:600;line-height:1.3}.sg.sg--learn .profile-panel>p:not(.dash-kicker){color:#475569;margin-block-start:6px;font-size:14px;font-weight:400;line-height:20px}.sg.sg--learn .profile-panel .app-form{max-width:760px;margin-block-start:20px}.sg.sg--learn .profile-panel .app-form .auth-split__label{color:#181d27;margin-block-end:-4px;font-size:13px;font-weight:600}.sg.sg--learn .profile-panel .sg-input{min-height:46px;font:inherit;border:1px solid #d5d7da;border-radius:10px;font-size:14px}.sg.sg--learn .profile-panel .sg-input:focus-visible{border-color:var(--ns-accent-bright);outline-offset:1px;outline:3px solid #328bc429}.sg.sg--learn .profile-panel .app-form .sg-btn{background:var(--ns-accent);border-radius:999px;min-height:46px;font-size:14px;font-weight:600}.sg.sg--learn .profile-panel .app-form .sg-btn:hover{background:var(--ns-accent-hover)}.sg.sg--learn .profile-panel .claim-card{background:var(--ns-accent-tint);border:1px solid #e9eaeb;border-radius:10px}.sg.sg--learn .profile-panel .claim-card__top strong,.sg.sg--learn .profile-panel .claim-card__code{color:#181d27}.sg.sg--learn .profile-panel .claim-card__meta{color:#475569;font-weight:400}.sg.sg--learn .profile-panel .claim-card .sg-badge{color:var(--ns-accent-hover);background:#e6f3fc;border-radius:999px}@media (max-width:600px){.sg.sg--learn .profile-hero{flex-direction:row;align-items:center;gap:14px;padding:18px}.sg.sg--learn .profile-hero__avatar{width:56px;height:56px;font-size:20px}.sg.sg--learn .profile-hero h1{overflow-wrap:anywhere;font-size:22px}.sg.sg--learn .profile-tabs{width:100%;margin-inline:auto}.sg.sg--learn .profile-panel{padding:18px}}.sg.sg--learn .app-modal__card--confirm-logout{border:1.5px solid #e9eaeb;border-radius:14px;box-shadow:0 24px 64px #0f172a29}.sg.sg--learn .app-modal__card--confirm-logout .app-modal__actions .sg-btn{border-radius:999px;min-block-size:46px;padding-inline:20px;font-size:14px;font-weight:600}.sg.sg--learn .app-modal__card--confirm-logout .app-modal__actions .sg-btn--secondary{border-color:var(--ns-accent-light);color:var(--ns-accent-hover)}.sg.sg--learn .app-modal__card--confirm-logout .app-modal__actions .sg-btn--secondary:hover{border-color:var(--ns-accent-bright);background:var(--ns-accent-tint);color:var(--ns-accent-hover)}body :not(.app-modal):not(.app-modal *):not(.cert-verify):not(.cert-verify *):not(.profile-cert-wrap):not(.profile-cert-wrap *):not(.lesson):not(.lesson *):not(.lesson-board):not(.lesson-board *):not(.curriculum-lock-host):not(.curriculum-lock-host *):not(.lab-blockly-host):not(.lab-blockly-host *):not(.ns-dashboard):not(.ns-dashboard *):not(.sg--learn .dash-bento):not(.sg--learn .dash-bento *):not(.learn-page--viewport):not(.learn-page--viewport *):not(.app-modal__card--class):not(.app-modal__card--class *):not(.sg--learn .app-modal__card--confirm-logout):not(.sg--learn .app-modal__card--confirm-logout *):not(.sg--learn .profile-hero):not(.sg--learn .profile-hero *):not(.sg--learn .profile-tabs):not(.sg--learn .profile-tabs *):not(.sg--learn .profile-panel):not(.sg--learn .profile-panel *):not(.sg--learn .app-profile__avatar):not(.sg--learn .app-profile__menu):not(.sg--learn .app-profile__menu *):not(.sg--learn .app-icon-sidebar__link):not(.sg--learn .app-icon-sidebar__toggle):not(.auth-split):not(.auth-split *):not(.lp):not(.lp *):not(.app-header-inner):not(.app-header-menu-btn):not(.app-mode-toggle):not(.app-mode-toggle *){border-radius:0!important}.app-modal,.sg--learn .app-modal{z-index:70}.lesson-step-picker{min-inline-size:0;max-inline-size:100%}.lesson-step-picker__select{text-overflow:ellipsis;inline-size:100%;min-inline-size:0}@media (min-width:768px){.lesson-step-picker__select{inline-size:auto;min-inline-size:148px}}.app-state-panel{border:1px solid var(--border-color,#e2e8f0);text-align:start;background:#fff;border-radius:16px;gap:12px;inline-size:min(520px,100%);margin:48px auto;padding:28px;display:grid}.app-state-panel__eyebrow{color:var(--learn-muted,#575d66);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.app-state-panel__title{margin:0;font-size:22px}.app-state-panel__body{color:#334155;margin:0;line-height:1.55}.app-state-panel__actions{flex-wrap:wrap;gap:10px;display:flex}.app-skeleton{background:linear-gradient(90deg,#eef1f5 25%,#f7f9fb 50%,#eef1f5 75%) 0 0/200% 100%;border-radius:8px;min-block-size:1em;animation:1.2s ease-in-out infinite app-skeleton-shimmer;display:block}@keyframes app-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.app-skeleton{animation:none}}.app-skeleton-group{display:block}.app-skeleton-group.dash-stat-skeleton{vertical-align:middle;inline-size:3ch;display:inline-block}.chapter-overview{gap:14px;margin:4px 0 18px;display:grid}.chapter-overview__hook{border-radius:var(--learn-radius-card);background:var(--learn-accent,#58cc02);margin:0;padding:14px 16px}@supports (color:color-mix(in lab, red, red)){.chapter-overview__hook{background:color-mix(in srgb, var(--learn-accent,#58cc02) 10%, transparent)}}.chapter-overview__hook{font-size:15px;line-height:1.5}.chapter-overview__block{border:1px solid var(--learn-border,#e5e5e5);border-radius:var(--learn-radius-card);padding:14px 16px}.chapter-overview__title{text-transform:uppercase;letter-spacing:.04em;color:var(--learn-muted);cursor:default;margin:0 0 8px;font-size:14px;font-weight:800}.chapter-overview__recap summary{cursor:pointer;margin:0}.chapter-overview__objectives,.chapter-overview__recap ul{gap:4px;margin:0;padding-left:18px;font-size:14px;line-height:1.45;display:grid}.chapter-overview__project p{margin:0;font-size:14px}.chapter-outline{gap:6px;margin:0;padding:0;list-style:none;display:grid}.chapter-outline__link{border-radius:var(--learn-radius-control);color:inherit;background:var(--learn-surface,#f7f7f7);grid-template-columns:64px 1fr auto;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:grid}.chapter-outline__link:hover{filter:brightness(.97)}.chapter-outline__link--off{opacity:.6}.chapter-outline__code{text-align:center;font-weight:800}.chapter-outline__name{font-size:14px}.chapter-outline__status{border-radius:var(--learn-radius-pill);white-space:nowrap;background:#eee;padding:2px 8px;font-size:13px;font-weight:700}.chapter-outline__status--selesai{color:#2b7a00;background:#d7ffb8}.chapter-outline__status--berjalan{color:#8a6100;background:#fff3c4}.chapter-outline__status--baru{color:#1167a8;background:#ddf4ff}.lesson-kind{text-transform:uppercase;letter-spacing:.05em;color:#1899d6;margin:0 0 2px;font-size:13px;font-weight:800}.lesson-kind--quiz{color:#ce82ff}.lesson-kind--aktivitas{color:#ff9600}.dnd-hint{color:var(--learn-muted);margin:0 0 8px;font-size:13px}.dnd-tray{border-radius:var(--learn-radius-card);border:2px dashed #cfcfcf;flex-wrap:wrap;gap:8px;min-height:56px;margin-bottom:12px;padding:10px;display:flex}.dnd-empty{color:var(--learn-muted);align-self:center;font-size:13px}.dnd-board{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px;display:grid}.dnd-board--order{grid-template-columns:1fr}.dnd-board--order .dnd-zone{grid-template-columns:100px 1fr;align-items:center;min-height:52px;display:grid}.dnd-zone{border-radius:var(--learn-radius-card);background:#fafafa;border:2px solid #e5e5e5;min-height:96px;padding:10px}.dnd-zone--armed{cursor:pointer;background:#f0faff;border-color:#84d8ff}.dnd-zone__title{margin:0 0 8px;font-size:13px;font-weight:800}.dnd-board--order .dnd-zone__title{margin:0}.dnd-zone__cards{flex-wrap:wrap;gap:6px;display:flex}.dnd-card{border-radius:var(--learn-radius-control);font:inherit;text-align:left;cursor:grab;background:#fff;border:2px solid #e5e5e5;border-bottom-width:4px;padding:8px 12px;font-size:14px}.dnd-card--picked{background:#ddf4ff;border-color:#1cb0f6}.sg--learn{--learn-radius-card:16px;--learn-radius-control:12px;--learn-radius-pill:999px;--learn-shadow-card:0 1px 2px #1018280d}.sg--learn .lesson,.sg--learn .lesson-board,.sg--learn .learn-page{--sg-btn-radius:var(--learn-radius-pill);--sg-btn-radius-sm:var(--learn-radius-pill)}.sg--learn :is(.lesson-main-card,.learn-mission,.learn-bab-card,.chapter-overview__block,.chapter-overview__hook,.dnd-zone,.dnd-tray,.curriculum-lock,.learn-bab-detail .sg-card){border-radius:var(--learn-radius-card)!important}.sg--learn .chapter-overview__block,.sg--learn .lesson-main-card,.sg--learn .learn-mission{box-shadow:var(--learn-shadow-card)}.sg--learn :is(.lesson-read-sheet,.lesson-check,.bab1-check,.bab1-split__col,.bab1-canvas,.bab1-scene,.bab1-field textarea,.bab1-field input,.dnd-card,.chapter-outline__link,.lesson-check__option,.lesson-step-picker__select,.curriculum-sort__select,.lesson table,.lesson-read-sheet table,.lesson__warn,.app-error,.lesson-check__feedback,textarea,select,input[type=text]){border-radius:var(--learn-radius-control)!important}.sg--learn .lesson table,.sg--learn .lesson-read-sheet table{border-collapse:separate;border-spacing:0;overflow:hidden}.sg--learn :is(.chapter-outline__status,.lesson-kind,.dash-badge,.learn-mission .sg-badge,.lesson-main-card__chips>*,.lesson-mini-chart__bar){border-radius:var(--learn-radius-pill)!important}.sg--learn .lesson-kind{background:var(--ns-accent-soft);padding:2px 10px;display:inline-block}.sg--learn :is(.learn-page--viewport .learn-filters,.lab-start__card){border-radius:var(--learn-radius-card)!important}.sg--learn :is(.sg-input,.lab-editor-mode,.lab-editor-mode button){border-radius:var(--learn-radius-control)!important}.sg--learn .lab-start__run{border-radius:var(--learn-radius-pill)!important}.sg--learn .learn-mission--capstone{border-color:var(--ns-accent);background:var(--ns-accent-tint);grid-column:1/-1}.sg--learn .dnd-zone--over{border-color:var(--ns-accent);background:var(--ns-accent-soft)}.sg--learn .dnd-zone .dnd-card{pointer-events:auto}.sg--learn .dnd-zone__cards{min-height:40px}.sg--learn .dnd-board--order .dnd-zone{min-height:60px}@media (min-width:900px){.sg--learn .dnd-layout--order{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:12px;display:grid}.sg--learn .dnd-layout--order .dnd-tray{flex-direction:column;align-items:stretch;margin-bottom:0;position:sticky;top:8px}.sg--learn .dnd-layout--order .dnd-board{gap:6px;margin-bottom:0}}.sg--learn .dnd-board--order .dnd-zone{grid-template-columns:84px 1fr}.sg--learn .dnd-card{touch-action:none;-webkit-user-select:none;user-select:none}.sg--learn .dnd-card--dragging{z-index:20;pointer-events:none;box-shadow:var(--learn-shadow-card);cursor:grabbing;position:relative}.sg--learn .lesson-reader__code{gap:6px;margin:10px 0 4px;display:grid}.sg--learn .lesson-reader__code figcaption{color:var(--ns-muted,#5b6472);font-size:13px;font-weight:700}.sg--learn .lesson-reader__code pre{white-space:pre;border-radius:var(--learn-radius-control);margin:0;overflow-x:auto}.sg--learn .lesson-reader__output{background:#f3f5f8;border:1px solid #e1e5eb;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.app-modal .app-modal__card{border:1.5px solid #e0e7ff;border-radius:24px;box-shadow:0 24px 64px #1e1b4b2e}.app-modal .app-modal__card--art{overflow:hidden}.app-modal .app-modal__card--art>.app-modal__art{border-start-start-radius:22px;border-end-start-radius:22px;overflow:hidden}.app-modal .app-modal__actions .sg-btn,.app-modal .app-modal__actions a.sg-btn{block-size:auto;min-block-size:46px;box-shadow:none;border-radius:999px;padding-inline:22px;font-size:15px;font-weight:700;transform:none}.app-modal .app-modal__actions .sg-btn--secondary{color:var(--ns-accent);background:#fff;border:1.5px solid #c7d2fe}.app-modal .app-modal__actions .sg-btn--secondary:hover{border-color:var(--ns-accent);background:#eef0ff}.app-modal .app-modal__actions .sg-btn--danger{box-shadow:none;background:#e2445c}.app-modal .app-modal__actions .sg-btn--danger:hover{background:#c9344b}.app-modal .app-modal__card--confirm-logout{inline-size:min(440px,100%);padding:28px}.app-modal .guide-modal__skip{min-block-size:46px;color:var(--gray-text,#475569);border-radius:999px;padding-inline:18px;transition:background .2s,color .2s}.app-modal .guide-modal__skip:hover{color:var(--ns-accent);background:#eef0ff}.app-modal .guide-modal__dot{background:#c7d2fe;border-radius:999px;block-size:8px;inline-size:8px;transition:inline-size .25s,background .25s}.app-modal .guide-modal__dot.is-active{background:var(--ns-accent);inline-size:24px}.app-modal .guide-modal .app-modal__body{flex-direction:column;justify-content:center;padding:36px 32px;display:flex}.app-modal .guide-modal .app-modal__art{background:linear-gradient(160deg,#eef0ff 0%,#e0e7ff 100%);place-items:center;display:grid}.guide-art-img{object-fit:contain;block-size:100%;max-block-size:360px;inline-size:100%;padding:24px}.class-mine__chip{white-space:nowrap;max-inline-size:none}.class-mine__chapters{gap:8px;display:grid}.class-mine__chapter-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.class-mine__chapter-list li{color:var(--ns-accent);cursor:default;background:#fff;border:1.5px solid #c7d2fe;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700}.class-people__empty{color:var(--gray-text,#475569);background:#fff;border:1.5px dashed #c7d2fe;border-radius:14px;grid-column:span 2;align-self:center;margin:0;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.4}@media (max-width:700px){.app-modal .app-modal__card--art>.app-modal__art{border-start-start-radius:22px;border-start-end-radius:22px;border-end-start-radius:0}.app-modal .guide-modal .app-modal__body{padding:22px 20px 24px}.guide-art-img{max-block-size:180px;padding:12px}.class-people__empty{grid-column:1/-1}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-modal .guide-modal__skip,.app-modal .guide-modal__skip:hover{padding-inline:18px;color:#4f46e5!important;box-shadow:none!important;background:0 0!important;border:1px solid #0000!important;border-radius:999px!important}.app-modal .guide-modal__skip:hover{background:#eef2ff!important}.app-modal .guide-modal__actions .guide-modal__skip,.app-modal .guide-modal__actions .guide-modal__skip:focus,.app-modal .guide-modal__actions .guide-modal__skip:active{-webkit-text-fill-color:#4f46e5;font-weight:700;color:#4f46e5!important;opacity:1!important}.app-modal .guide-modal__skip:focus{outline:none!important}.app-modal .guide-modal__skip:focus-visible{outline-offset:2px;outline:2px solid #a5b4fc!important}@media (max-width:900px){.sg--learn .lesson__nav,.lesson__nav.lesson-read-sheet__nav,.lesson--dashboard.lesson--flow .lesson__nav.lesson-main-card__foot{z-index:8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff7;border-block-start:1px solid #e0e7ff;flex-wrap:nowrap;gap:10px;margin-block:16px 0;margin-inline:-4px;position:sticky;inset-block-end:0;box-shadow:0 -6px 16px #1e1b4b0f;padding:10px 4px calc(10px + env(safe-area-inset-bottom,0px))!important;flex-direction:row!important;align-items:center!important}.sg--learn .lesson__nav>.sg-btn,.sg--learn .lesson__nav>.duo-btn,.sg--learn .lesson__nav>button,.sg--learn .lesson__nav>a{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-block-size:46px;min-inline-size:0;padding-inline:12px;overflow:hidden;inline-size:auto!important}.sg--learn .lesson__nav>.lesson-main-card__foot-spacer{display:none}.lesson-main-card__content,.lesson-read-sheet{scroll-padding-block-end:88px}.lesson-main-card{padding-block-end:0!important}}@media (min-width:1024px){.app-shell-main{box-sizing:border-box;min-inline-size:0}.sg--learn .lesson-board{min-inline-size:0;max-inline-size:100%}.sg--learn .lesson-main-card{min-inline-size:0}}.learn-page__bab-grid .sg-card__desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.learn-page__bab-grid .sg-card__footer{flex-wrap:wrap;gap:10px}.learn-page__bab-grid .sg-card__footer .sg-btn{white-space:nowrap;flex:none;max-inline-size:100%}@media (max-width:480px){.learn-page__bab-grid{grid-template-columns:1fr!important}}.lesson-outline-toggle{display:none}@media (max-width:900px){.lesson-outline-wrap{order:-1;min-inline-size:0}.lesson-outline-wrap .lesson-side-card{order:0}.lesson-outline-toggle{color:#1e1b4b;min-block-size:48px;inline-size:100%;font:inherit;text-align:start;cursor:pointer;background:#fff;border:1px solid #e0e7ff;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;display:flex}.lesson-outline-toggle__count{color:#4338ca;background:#eef2ff;border-radius:999px;flex:none;padding:4px 10px;font-size:13px;font-weight:700}.lesson-outline-toggle__title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;font-weight:600;overflow:hidden}.lesson-outline-toggle__chev{border-block-end:2px solid #4f46e5;border-inline-end:2px solid #4f46e5;flex:none;block-size:8px;inline-size:8px;transition:transform .2s;transform:rotate(45deg)}.lesson-outline-wrap.is-open .lesson-outline-toggle__chev{transform:rotate(-135deg)}.lesson-outline-wrap__body{margin-block-start:8px;display:none}.lesson-outline-wrap.is-open .lesson-outline-wrap__body{display:block}.lesson-step-picker{display:none!important}}.dash-bento--teacher .dash-bento__cell--welcome{color:#fff;background:linear-gradient(135deg,#4338ca 0%,#4f46e5 55%,#6366f1 100%)!important}.app-mode-toggle{gap:2px;padding:3px;display:inline-flex;background:#eef2ff!important;border:1px solid #e0e7ff!important;border-radius:999px!important}.app-mode-toggle button{color:#4338ca;background:0 0;min-block-size:34px;padding:0 14px;font-weight:700;border:0!important;border-radius:999px!important}.app-mode-toggle button.is-active{box-shadow:0 1px 2px #1e1b4b26;color:#fff!important;background:#4f46e5!important}.lp-header__link,.lp-header__ghost,.lp-header__panel-link,.lp-foot a,.auth-split__home,.auth-split__brand,.voucher-page__back,.auth-split__switch a,.ns-profile-link,.not-found a,main>p>a{align-items:center;min-block-size:44px;padding-inline:6px;display:inline-flex}.auth-consent{cursor:pointer;align-items:flex-start;gap:12px;min-block-size:44px;padding-block:6px;display:flex}.auth-consent input[type=checkbox]{accent-color:#4f46e5;flex:none;block-size:22px;inline-size:22px;margin:2px 0 0}.ns-dashboard a:not(.sg-btn),.dash-bento__link{min-block-size:44px}.lp-header__actions{align-items:center;gap:10px}.lp-header__actions>a{flex-shrink:0}@media (max-width:600px){.lp-header__ghost,.lp-header__btn:not(.lp-header__btn--block){display:none}}.lp-header__brand{gap:0}.lp-header__logo{object-fit:contain;block-size:30px;inline-size:auto;display:block}@media (max-width:600px){.lp-header__logo{block-size:26px}}.auth-split__brand{text-transform:none;align-items:center;display:inline-flex}.auth-split__brand:hover{text-decoration:none}.auth-split__logo{object-fit:contain;block-size:36px;inline-size:auto;display:block}@media (max-width:900px){.auth-split__logo{block-size:32px}}.lp-foot__name{line-height:0}.lp-foot__logo{object-fit:contain;block-size:28px;inline-size:auto;display:block}.guide-modal__logo{object-fit:contain;align-self:flex-start;block-size:26px;inline-size:auto;margin-block-end:12px;margin-inline:0;display:block}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}