.sinema-page{--font-display: var(--font-sans);--font-body: var(--font-sans);--sinema-bg: hsl(201 100% 13%);--sinema-bg-deep: hsl(201 100% 9%);--sinema-muted: rgb(255 255 255 / .7);color-scheme:dark;--color-bg: var(--sinema-bg);--color-canvas: var(--sinema-bg);--color-frame: var(--sinema-bg-deep);--color-surface: rgb(255 255 255 / .04);--color-surface-2: rgb(255 255 255 / .08);--color-line: rgb(255 255 255 / .1);--color-line-strong: rgb(255 255 255 / .22);--color-ink: #fff;--color-ink-soft: hsl(240 5% 84%);--color-muted: var(--sinema-muted);--color-disabled: hsl(240 4% 46%);--color-primary: #fff;--color-primary-hover: hsl(0 0% 90%);--color-primary-active: hsl(0 0% 82%);--color-primary-soft: rgb(255 255 255 / .14);--color-primary-subtle: rgb(255 255 255 / .06);--color-on-accent: hsl(0 0% 4%);--color-success: #16a34a;--color-success-text: #3bb267;--color-error-text: #e87070;--ring-card: rgb(255 255 255 / .08);--shadow-thin: 0 0 #0000;--shadow-raise: 0 0 #0000;--shadow-raise-sm: 0 0 #0000;--shadow-press: 0 0 #0000;--shadow-lift: 0 0 #0000;--shadow-raise-primary: 0 0 #0000;--shadow-press-primary: 0 0 #0000;--shadow-raise-active: 0 0 #0000;--shadow-sunken: 0 0 #0000;position:relative;background:var(--sinema-bg);color:var(--color-ink);font-family:var(--font-body)}.sinema-page .landing-page{--landing-space: 136px;--landing-heading-gap: 64px}.sinema-page.sinema-hitam{--sinema-bg: #000;--sinema-bg-deep: #000;--sinema-muted: rgb(255 255 255 / .6);--color-surface: rgb(255 255 255 / .03);--color-surface-2: rgb(255 255 255 / .06);--color-line: rgb(255 255 255 / .1)}body:has(.sinema-page.sinema-hitam){background:#000}.sinema-page.sinema-pil>header{padding:24px 24px 0}.sinema-page.sinema-pil>header>.kg-container{max-width:64rem;height:64px;padding-inline:12px 8px;border-radius:9999px;background:#ffffff03;background-blend-mode:luminosity;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:inset 0 1px 1px #ffffff1a;position:relative}.sinema-page.sinema-pil>header>.kg-container:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,#ffffff73,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.sinema-page.sinema-pil>header #menu-utama{margin-top:12px;border-radius:24px}@media(max-width:639px){.sinema-page.sinema-pil>header{padding:12px 12px 0}.sinema-page.sinema-pil>header>.kg-container{height:60px;padding-inline:8px 6px}}.sinema-page>header{position:absolute;inset:0 0 auto;border-color:transparent;color:#fff;--color-bg: transparent;--color-surface: var(--sinema-bg);--color-surface-2: rgb(255 255 255 / .08);--color-ink-soft: #fff;--color-primary: #957bff}.sinema-page>header .kg-input{background:transparent;border-color:#ffffff2e;border-radius:9999px;color:#fff}.sinema-hero{background:var(--sinema-bg);color:#fff;text-shadow:0 1px 12px rgb(0 0 0 / .45)}.sinema-hero :is(.sinema-redup,.sinema-display em){text-shadow:0 1px 2px rgb(0 0 0 / .9),0 0 6px rgb(0 0 0 / .75),0 0 18px rgb(0 0 0 / .6)}.sinema-hero-tirai{background:radial-gradient(ellipse 70% 45% at 50% 50%,#00000073,#0000 75%),linear-gradient(180deg,rgb(0 0 0 / .5) 0%,rgb(0 0 0 / 0) 28%,rgb(0 0 0 / 0) 62%,var(--sinema-bg) 100%)}@media(max-width:767px){.sinema-hero-tirai{background:radial-gradient(ellipse 90% 40% at 50% 55%,#0000008c,#0000 80%),linear-gradient(180deg,rgb(0 0 0 / .5) 0%,rgb(0 0 0 / 0) 28%,rgb(0 0 0 / 0) 62%,var(--sinema-bg) 100%)}}.sinema-display{font-family:var(--font-display);font-weight:700}.sinema-display em,.sinema-page main :is(.landing-title,.kg-display,.practice-carousel-title) em{font-style:normal;font-weight:inherit;letter-spacing:inherit;color:var(--sinema-muted)}.sinema-hero .sinema-display em{color:#c4b5fd}.sinema-page main :is(h2.landing-title,.practice-carousel-title,.landing-crowd h2){font-family:var(--font-display);font-weight:700;font-size:clamp(42px,5.6vw,80px);line-height:1;letter-spacing:-.03em;text-wrap:balance}.sinema-page main :is(.landing-title,.kg-display){font-family:var(--font-display);font-weight:700}.sinema-page main .practice-intro .landing-title{font-size:clamp(30px,3vw,44px);line-height:1.05;letter-spacing:-.02em}.sinema-page main .landing-lead{color:var(--sinema-muted);font-size:17px}.sinema-page main :is(.landing-section-heading,.practice-carousel-head,.sinema-faq-head){display:flex;flex-direction:column;align-items:center;gap:24px;margin-bottom:var(--landing-heading-gap);padding-bottom:0;border:0;text-align:center}.sinema-page main .subjects-heading .landing-lead{margin-inline:auto}.sinema-page main .landing-section-heading>:is(a,p){margin-top:0;max-width:34ch}.sinema-page main .landing-section-heading>p strong{margin-bottom:6px;font-family:var(--font-display);font-size:64px;font-weight:700;line-height:1;letter-spacing:-.02em}.sinema-page main :is(.subjects-heading,.landing-section-heading,.practice-carousel-head,.sinema-faq-head) .kg-eyebrow{display:inline-block;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--sinema-muted)}@layer components{.sinema-glass{background:#ffffff03;background-blend-mode:luminosity;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:none;box-shadow:inset 0 1px 1px #ffffff1a;border-radius:9999px;color:#fff;position:relative;overflow:hidden}.sinema-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,#ffffff73,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}}.sinema-page>header .kg-btn,.sinema-page main .kg-btn-ghost,.sinema-page main :is(.subjects-heading,.landing-section-heading,.practice-carousel-head,.sinema-faq-head) .kg-eyebrow{background:#ffffff03;background-blend-mode:luminosity;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:none;box-shadow:inset 0 1px 1px #ffffff1a;border-radius:9999px;color:#fff;position:relative;overflow:hidden}.sinema-page>header .kg-btn:before,.sinema-page main .kg-btn-ghost:before,.sinema-page main :is(.subjects-heading,.landing-section-heading,.practice-carousel-head,.sinema-faq-head) .kg-eyebrow:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,#ffffff73,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.sinema-page main .kg-eyebrow{color:var(--sinema-muted)}.sinema-page :is(header,main) .kg-btn{border-radius:9999px;transition:transform .2s ease,background-color .15s ease}.sinema-page main .kg-btn{min-height:52px;padding-inline:32px;font-weight:500}.sinema-page :is(header,main) .kg-btn:hover{transform:scale(1.03)}.sinema-page>header .kg-btn:hover,.sinema-page main .kg-btn-ghost:hover{background:#ffffff0f}.sinema-page main .landing-text-link{font-weight:500}.sinema-page :is(header,main) .kg-btn:disabled{opacity:.55;transform:none}.sinema-page main :is(.subject-door,.practice-window,.course-review-card,.landing-path-hint,.landing-faq-item){border:1px solid var(--color-line);border-radius:28px;box-shadow:inset 0 1px #ffffff0f}.sinema-page main .subject-door{transition:transform .2s ease,border-color .2s ease}.sinema-page main .subject-door:hover{transform:translateY(-4px);border-color:var(--color-line-strong)}.sinema-page main .subject-door strong{font-weight:500;letter-spacing:-.01em}.sinema-page main .subject-categories button{transition:transform .2s ease}.sinema-page main .subject-categories button:hover{transform:scale(1.03)}.sinema-page main .landing-practice{background:var(--sinema-bg-deep)}.sinema-page main .practice-window{background:#ffffff08}.sinema-page main .practice-formula{border-radius:14px}.sinema-page main .practice-feedback{border-radius:18px}.sinema-page main .practice-steps button{border-radius:9999px}.sinema-page main .practice-carousel-nav{gap:10px}.sinema-page main :is(.featured-course,.course-pick) h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.015em}.sinema-page main .featured-course h3{font-size:clamp(32px,3vw,44px);line-height:1.05}.sinema-page main .course-pick h3{font-size:26px;line-height:1.1}.sinema-page main .featured-cover>div,.sinema-page main .course-pick-cover{border-radius:28px}.sinema-page main .landing-path-hint{margin-top:56px;padding:22px 32px;background:var(--color-surface)}.sinema-page main .course-review-card{background:#ffffff0a}.sinema-page main .landing-faq{background:var(--sinema-bg-deep)}.sinema-page main .landing-faq .landing-faq-item{margin-bottom:12px;padding:0;background:var(--color-surface)}.sinema-page main .landing-faq-item summary{min-height:44px;padding:22px 28px;font-size:17px;font-weight:500}.sinema-page main .landing-faq-item>p{margin:0;padding:0 28px 22px}.sinema-page main .landing-crowd{background:var(--sinema-bg)}.sinema-page main .landing-crowd>div:first-child{width:min(960px,calc(100% - 40px))}.sinema-page main .landing-crowd h2{font-size:clamp(42px,4.4vw,64px)}.sinema-page main .landing-crowd :is(ul a,button){border:1px solid var(--color-line);background:var(--sinema-bg)}.sinema-page .landing-page .landing-crowd :is(canvas,.crowd-static>span){filter:none;opacity:.28}.sinema-page>footer{border-color:var(--color-line);background:var(--sinema-bg-deep)}body:has(.sinema-page){background:#001e2e}body:has(.sinema-page) .kg-activity{--color-surface: hsl(201 100% 11%);--color-surface-2: rgb(255 255 255 / .08);--color-ink: #fff;--color-ink-soft: rgb(255 255 255 / .85);--color-muted: rgb(255 255 255 / .7);--color-line: rgb(255 255 255 / .12);--color-line-strong: rgb(255 255 255 / .22);font-family:var(--font-sans)}body:has(.sinema-page.sinema-hitam) .kg-activity{--color-surface: #0a0a0a;--color-muted: rgb(255 255 255 / .6)}@media(max-width:767px){.sinema-page .landing-page{--landing-space: 80px;--landing-heading-gap: 40px}.sinema-page main :is(h2.landing-title,.practice-carousel-title,.landing-crowd h2){font-size:42px}.sinema-page main .practice-intro .landing-title{font-size:30px}.sinema-page main .landing-section-heading>p strong{font-size:48px}.sinema-page main .course-pick h3{font-size:22px}.sinema-page main :is(.subject-door,.practice-window,.course-review-card,.landing-faq-item){border-radius:22px}.sinema-page main .landing-path-hint{padding:18px 20px}.sinema-page main .landing-faq-item summary{padding:18px 20px}.sinema-page main .landing-faq-item>p{padding:0 20px 18px}}@keyframes sinema-fade-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes sinema-naik{0%{transform:translateY(24px)}to{transform:translateY(0)}}.sinema-rise{animation:sinema-naik .8s ease-out both}.sinema-rise-1{animation:sinema-fade-rise .8s ease-out .2s both}.sinema-rise-2{animation:sinema-fade-rise .8s ease-out .4s both}.sinema-muncul:not(.sinema-in){opacity:0}.sinema-muncul.sinema-in{animation:sinema-fade-rise .8s ease-out backwards}@keyframes sinema-dari-kiri{0%{opacity:0;transform:translate(-40px)}}@keyframes sinema-dari-kanan{0%{opacity:0;transform:translate(40px)}}.sinema-muncul.sinema-in[data-muncul=kiri]{animation-name:sinema-dari-kiri}.sinema-muncul.sinema-in[data-muncul=kanan]{animation-name:sinema-dari-kanan}@media(prefers-reduced-motion:reduce){.sinema-rise,.sinema-rise-1,.sinema-rise-2{animation:none}.sinema-page :is(header,main) .kg-btn:hover,.sinema-page main :is(.subject-door,.subject-categories button):hover{transform:none}}.sinema-papan{--sinema-merek: #957bff;--sinema-merek-kuat: #6d4aff;padding:48px 0 112px;text-align:center}.sinema-papan-pil{display:inline-block;padding:6px 16px;font-size:13px;color:#fffc}.sinema-papan-judul{margin:20px auto 0;max-width:22ch;font-family:var(--font-display);font-size:clamp(34px,5.4vw,64px);font-weight:700;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}.sinema-papan-gerak{max-width:1080px;margin:48px auto 0;perspective:1600px}.sinema-papan-bingkai{border-radius:28px;padding:8px;text-align:left;transform-origin:50% 100%}.sinema-papan-bar{display:flex;align-items:center;gap:10px;padding:6px 8px 12px;font-size:13px;color:#ffffffb8}.sinema-papan-merek{font-size:17px;font-weight:700;letter-spacing:-.6px;color:#fff}.sinema-papan-merek span{font-weight:400}.sinema-papan-merek b{color:var(--sinema-merek)}.sinema-papan-mode{padding-left:10px;border-left:1px solid rgb(255 255 255 / .2)}.sinema-papan-yt{margin-left:auto;color:inherit;text-decoration:underline;text-underline-offset:3px}.sinema-papan-yt:hover{color:#fff}.sinema-papan-layar{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:20px;background:#000}.sinema-papan-layar :is(iframe,.sinema-papan-poster){position:absolute;inset:0;width:100%;height:100%;border:0}.sinema-papan-poster img{width:100%;height:100%;object-fit:cover}.sinema-papan-poster:focus-visible{outline:3px solid #fff;outline-offset:-3px;border-radius:20px}.sinema-papan-tombol{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:76px;height:76px;padding-left:4px;border-radius:50%;background:var(--sinema-merek-kuat);color:#fff;box-shadow:inset 0 1px 1px #ffffff59;translate:-50% -50%;transition:scale .2s ease-out}.sinema-papan-poster:hover .sinema-papan-tombol{scale:1.08}.sinema-papan-dek{padding:12px 6px 2px}.sinema-papan-progres{display:block;width:100%;margin:0;accent-color:var(--sinema-merek);cursor:pointer}.sinema-papan-progres:disabled{cursor:default;opacity:.45}.sinema-papan-kontrol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:13px}.sinema-papan-kontrol button{cursor:pointer;color:#fff;transition:background-color .15s}.sinema-papan-kontrol :is(button,select):focus-visible{outline:2px solid #fff;outline-offset:2px}.sinema-papan-ikon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%}.sinema-papan-ikon:hover,.sinema-papan-suara:hover{background:#ffffff1a}.sinema-papan-suara{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 10px;border-radius:9999px}.sinema-papan-suara.is-bisu,.sinema-papan-suara.is-bisu:hover{padding:0 16px 0 12px;background:var(--sinema-merek-kuat);font-weight:600}.sinema-papan-suara.is-bisu:hover{filter:brightness(1.12)}.sinema-papan-waktu{color:#ffffffb8;font-variant-numeric:tabular-nums}.sinema-papan-bab{min-width:0;max-width:300px;min-height:40px;margin-left:auto;padding:0 12px;border:1px solid rgb(255 255 255 / .18);border-radius:9999px;background:#ffffff0f;color:#fff;font-size:13px;text-overflow:ellipsis}.sinema-papan-bingkai:fullscreen{display:flex;flex-direction:column;padding:16px;border-radius:0;background:#000;animation:none;transform:none}.sinema-papan-bingkai:fullscreen .sinema-papan-layar{flex:1;aspect-ratio:auto}@media(max-width:479px){.sinema-papan{padding:32px 0 80px}.sinema-papan-gerak{margin-top:32px}.sinema-papan-bingkai{border-radius:20px;padding:6px}.sinema-papan-layar,.sinema-papan-poster:focus-visible{border-radius:14px}.sinema-papan-mode{display:none}.sinema-papan-tombol{width:60px;height:60px}.sinema-papan-bab{order:9;flex:1 1 200px;max-width:none;margin-left:0}.sinema-papan-kontrol .sinema-papan-ikon:last-child{order:10}}@keyframes sinema-papan-tegak{0%{opacity:.3;transform:translateY(80px) rotateX(30deg) scale(.86)}to{opacity:1;transform:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.sinema-papan-bingkai{animation:sinema-papan-tegak linear both;animation-timeline:view();animation-range:entry 0% cover 45%}.sinema-papan-gerak.sinema-muncul{opacity:1;animation:none}}}@media(prefers-reduced-motion:reduce){.sinema-papan-tombol{transition:none}}