.bj{--bj-ink:#102f60;--bj-paper:#f4f7fb;--bj-orange:#ffad55;--bj-green:#23714b;color:var(--bj-ink)}.bj ::selection{background:#ffd3a2;color:#102f60}.bj :focus-visible{outline:3px solid #1269cd;outline-offset:5px}.bj h1,.bj h2,.bj h3{color:var(--bj-ink);text-wrap:balance}.bj h2{font-size:clamp(29px,3.4vw,44px);line-height:1.16;letter-spacing:-.03em;margin:0 0 20px}.bj p{max-width:65ch}.bj section{padding:76px 0}.bj .bj-hero{background:#edf4fc;padding:68px 0 72px;overflow:hidden}.bj-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.bj h1{font-size:clamp(48px,5.8vw,76px);line-height:1.04;letter-spacing:-.035em;margin:0 0 25px;font-weight:850}.bj h1 span{color:#ae4c08}.bj-lead{font-size:18px;line-height:1.75;color:#425674;max-width:51ch}.bj-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:28px 0 16px}.bj-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:12px;background:#123d79;color:#fff;min-height:50px;padding:14px 21px;font:inherit;font-size:14px;font-weight:750;cursor:pointer;transition:background .18s ease}.bj-button:hover{background:#1b559f}.bj-button:disabled{background:#e1e7ef;color:#56657a;cursor:not-allowed}.bj-button-secondary{background:#e8eff8;color:#173b6c}.bj-button-secondary:hover{background:#d4e2f3}.bj-text-link{font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:5px}.bj-fine{font-size:12px;color:#52647b;line-height:1.7}.bj-passport{position:relative;transform:rotate(3deg);background:#fffaf1;padding:30px;border-radius:16px;box-shadow:0 25px 50px #173b6c1a;min-width:0}.bj-passport-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8d4ca;padding-bottom:22px;gap:14px}.bj-passport-top strong{font-size:18px}.bj-passport-top span{font-size:9px;letter-spacing:.08em}.bj-ticket-title{font-size:clamp(26px,3vw,40px);font-weight:800;line-height:1.18;letter-spacing:-.025em;margin:28px 0 35px}.bj-route{display:flex;align-items:center;margin:28px 0 36px}.bj-route-stop{width:58px;height:58px;border-radius:50%;background:#193e77;color:white;display:grid;place-items:center;font-weight:800;font-size:22px;flex-shrink:0}.bj-route i{height:2px;border-top:2px dashed #b2bfd1;flex:1}.bj-route-end{background:#ffb663;color:#63330b;box-shadow:0 0 0 8px #ffe8c9}.bj-ticket-bottom{display:flex;justify-content:space-between;border-top:1px dashed #bfc8d1;padding-top:22px;gap:18px}.bj-ticket-bottom small,.bj-ticket-bottom strong{display:block}.bj-ticket-bottom small{font-size:9px;letter-spacing:.1em;color:#52647b;margin-bottom:6px}.bj-ticket-bottom strong{font-size:13px}.bj-ticket-stamp{position:absolute;right:-16px;top:-24px;background:#ffb663;color:#66310a;border-radius:50%;width:88px;height:88px;display:grid;align-content:center;text-align:center;font-size:16px;font-weight:850;transform:rotate(12deg);line-height:1.2}.bj-strip{background:#102f60;color:#fff}.bj-strip .container{display:flex;justify-content:space-between;gap:24px;padding-top:18px;padding-bottom:18px;font-size:13px}.bj-how{display:grid;grid-template-columns:1fr 1fr;gap:90px}.bj-how p,.bj-section-heading p{color:#52647b}.bj-steps{list-style:none;padding:0;margin:0;counter-reset:steps}.bj-steps li{counter-increment:steps;position:relative;padding:0 0 23px 52px;margin-bottom:19px;border-bottom:1px solid #e1e7ef}.bj-steps li:before{content:counter(steps);position:absolute;left:0;top:0;width:32px;height:32px;display:grid;place-items:center;background:#eaf1fa;border-radius:50%;font-weight:750}.bj-steps strong,.bj-steps span{display:block}.bj-steps span{font-size:14px;color:#52647b;margin-top:5px}.bj .bj-map-section{background:var(--bj-paper)}.bj-map-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.bj-map-heading h2{margin-bottom:10px}.bj-map-heading p{color:#52647b;margin-top:0}.bj-scoreboard{display:flex;gap:20px;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.bj-scoreboard strong{display:block;font-size:26px}.bj-account-note{padding:17px 0;border-top:1px solid #d5dfeb;border-bottom:1px solid #d5dfeb;font-size:13px;margin:20px 0 30px;line-height:1.8}.bj-account-note a{font-weight:750;text-decoration:underline;text-underline-offset:3px}.bj-learning-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:start}.bj-level-list{display:grid;gap:12px;position:relative}.bj-level{display:flex;width:100%;gap:17px;align-items:center;text-align:left;border:1px solid #cddaea;border-radius:14px;padding:16px 19px;background:#fff;color:#102f60;font:inherit;cursor:pointer;min-width:0}.bj-level:not(:disabled):hover{border-color:#1b559f;background:#edf4ff}.bj-level-number{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#123d79;color:white;font-weight:800}.bj-level-copy{flex:1;min-width:0}.bj-level-copy strong,.bj-level-copy small{display:block}.bj-level-copy strong{font-size:15px}.bj-level-copy small{font-size:12px;color:#52647b;margin-top:3px}.bj-level-state{font-size:11px;color:#425674;text-align:right;max-width:90px}.bj-level:disabled{cursor:not-allowed;background:#edf1f6;border-color:#d9e1ec}.bj-level:disabled .bj-level-number{background:#dce4ef;color:#52647b}.bj-level.is-complete .bj-level-number{background:#23714b}.bj-level.is-complete .bj-level-state{color:#8a500b;font-size:17px}.bj-map-aside{padding:12px 0;position:sticky;top:115px}.bj-map-aside h3{font-size:32px;line-height:1.2;margin:0 0 20px;letter-spacing:-.02em}.bj-map-aside p{font-size:14px;color:#52647b}.bj-star-key{font-size:13px;line-height:2.4;border-block:1px solid #d5dfeb;margin:25px 0;padding:17px 0}.bj-star-key span{color:#88500d;display:inline-block;min-width:55px}.bj-badges strong{display:block;background:#e0f1e7;color:#215a3e;padding:10px 14px;margin-bottom:12px;border-radius:8px;font-size:13px}.bj .bj-player{padding:32px;background:white;border:1px solid #cddaea;border-radius:16px;margin-top:36px;scroll-margin-top:105px}.bj-player[hidden]{display:none}.bj-player h2{font-size:30px;margin-top:26px}.bj-player-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;font-weight:750;letter-spacing:.04em}.bj-close{font:inherit;font-size:26px;cursor:pointer;border:0;background:transparent;color:#123d79;padding:0 8px}.bj-study{background:#edf4fc;padding:18px 22px;border-radius:12px;margin:22px 0}.bj-study h3{font-size:15px;margin:0 0 6px}.bj-study p{font-size:15px;margin:0}.bj-player progress{display:block;width:100%;height:9px;margin-top:18px;accent-color:#23714b}.bj-options{border:0;padding:0;margin:25px 0;display:grid;gap:12px}.bj-options label{position:relative;display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #cddaea;border-radius:12px;cursor:pointer}.bj-options label:has(input:checked){background:#e8f1ff;border-color:#1b559f}.bj-options input{accent-color:#123d79;width:18px;height:18px}.bj-player-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:30px}.bj-player-bottom .bj-fine{max-width:45ch}.bj-error{color:#a32b25;font-weight:650;font-size:14px}.bj-sentence{min-height:80px;background:#edf4fc;border-radius:12px;padding:16px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:26px 0 16px}.bj-word-bank{display:flex;gap:10px;flex-wrap:wrap}.bj-word-bank button,.bj-sentence button{font:inherit;font-size:15px;padding:10px 15px;border:1px solid #cddaea;border-radius:8px;background:white;color:#102f60;cursor:pointer}.bj-word-bank button:disabled{opacity:.35;cursor:not-allowed}.bj-result{display:flex;align-items:center;gap:24px;color:#8a500b}.bj-result strong{font-size:60px;color:#102f60;letter-spacing:-.03em}.bj-result small{font-size:20px;color:#52647b}.bj-result>span{font-size:24px}.bj-review>div{border-top:1px solid #d5dfeb;padding:18px 0}.bj-review strong{font-size:14px}.bj-review p{font-size:14px;color:#52647b;margin-bottom:0}.bj-review .is-right>strong{color:#23714b}.bj-review .is-wrong>strong{color:#a32b25}.bj-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:35px}.bj-chapters{display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px}.bj-chapter{border-top:1px solid #d5dfeb;padding:22px 0}.bj-chapter-range{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#52647b;gap:16px}.bj-chapter-range span{font-size:10px;padding:4px 8px;background:#edf1f6;border-radius:5px}.bj-chapter.is-live .bj-chapter-range span{background:#e0f1e7;color:#215a3e}.bj-chapter h3{font-size:23px;margin:14px 0 5px}.bj-chapter p{font-size:14px;color:#52647b;margin:0}.bj-chapter a{display:inline-block;font-size:13px;font-weight:750;margin-top:12px;text-decoration:underline;text-underline-offset:4px}.bj .bj-invite{background:#102f60;color:#fff}.bj-invite-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center}.bj-invite h2{color:#fff}.bj-invite p{color:#d6e3f7;font-size:16px}.bj-button-light{background:#ffb663;color:#542a06}.bj-button-light:hover{background:#ffc98a}.bj-invite-link{color:#fff;text-decoration:underline;text-underline-offset:5px;font-size:13px}.bj-invite-note{padding:32px 0 32px 32px;border-left:1px solid #54709c}.bj-invite-note span{font-size:10px;letter-spacing:.12em}.bj-invite-note p{font-size:27px;line-height:1.4;color:#fff}.bj-invite-note a{font-size:13px;text-decoration:underline;text-underline-offset:5px}.bj-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.bj-faq details{border-bottom:1px solid #d5dfeb;padding:18px 0}.bj-faq summary{font-weight:700;cursor:pointer;font-size:15px}.bj-faq p{font-size:14px;color:#52647b}.bj-banner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:36px;background:#edf4fc;border-radius:16px}.bj-banner h2{font-size:30px;line-height:1.2;color:#102f60;margin:0 0 12px}.bj-banner p{color:#425674;margin:0;max-width:65ch}.bj-banner .btn{flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#journey-map,#cara-belajar{scroll-margin-top:85px}
@media(min-width:1081px) and (max-width:1320px){.main-nav{gap:10px}.main-nav a{font-size:12px}.nav-wrap{gap:12px}.brand{min-width:180px}.nav-actions .btn{padding:10px;font-size:12px}}
@media(max-width:850px){.bj-hero-grid{gap:34px}.bj h1{font-size:52px}.bj-passport{padding:22px}.bj-passport-top{flex-direction:column;align-items:start;gap:4px}.bj-ticket-stamp{width:70px;height:70px;font-size:13px;right:-8px}.bj-how,.bj-learning-layout,.bj-invite-grid,.bj-faq{gap:35px}.bj-map-heading{display:block}.bj-scoreboard{margin-bottom:24px}.bj-map-aside h3{font-size:25px}.bj-level{gap:10px;padding:14px}.bj-level-state{max-width:65px}.bj-section-heading{gap:35px}}
@media(max-width:600px){.bj section{padding:48px 0}.bj .bj-hero{padding:46px 0 50px}.bj-hero-grid,.bj-how,.bj-learning-layout,.bj-section-heading,.bj-invite-grid,.bj-faq{grid-template-columns:1fr}.bj h1{font-size:52px}.bj-lead{font-size:16px}.bj-passport{margin:25px 10px 0;transform:rotate(2deg)}.bj-ticket-title{font-size:31px}.bj-passport-top{flex-direction:row;align-items:center}.bj-passport-top span{font-size:8px}.bj-ticket-stamp{top:-17px;right:-10px}.bj-strip .container{flex-wrap:wrap;gap:8px 20px;padding-block:17px;font-size:11px}.bj-map-aside{position:static;padding:10px 0}.bj-chapters{grid-template-columns:1fr}.bj-invite-note{border-left:0;border-top:1px solid #54709c;padding:24px 0 0}.bj .bj-player{padding:22px 16px}.bj-player h2{font-size:25px}.bj-player-bottom{align-items:stretch;flex-direction:column;gap:12px}.bj-level-state{font-size:10px}.bj-level-copy strong{font-size:14px}.bj-level-copy small{font-size:11px}.bj-scoreboard{justify-content:space-between}.bj-section-heading{gap:0}.bj-banner{display:block;padding:25px}.bj-banner .btn{margin-top:20px}.bj-actions{gap:16px}.bj-player-top{letter-spacing:0}.bj-player-top .bj-text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bj *{transition:none!important;animation:none!important}}