:root{--navy:#102A54;--blue:#2764B8;--yellow:#F5C84C;--white:#fff;--bg:#f8faff;--muted:#59708d;--border:#e3eaf4;--radius:22px;--font:"Helvetica World",Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:#fff;font-family:var(--font);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4.8rem)}h2{font-size:clamp(1.7rem,3vw,2.7rem)}h3{font-size:1.3rem}.container{width:min(1170px,calc(100% - 44px));margin:auto}.nav{height:86px;padding:0 max(22px,calc((100vw - 1170px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px;background:white;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:800;line-height:1}.brandIcon{width:45px;height:45px;border-radius:15px;background:#fef5d8;display:grid;place-items:center}.brandGold{color:#e5ac26}.brand small{display:block;font-size:8px;letter-spacing:.14em;font-weight:700;margin-top:7px;color:#71819a}.navlinks{display:flex;align-items:center;gap:31px;font-size:14px;font-weight:700}.navlinks a:hover,.textLink{color:var(--blue)}.mobileMenu{display:none;border:0;background:#eef3fa;border-radius:10px;font-size:22px;padding:4px 13px}.hero{background:linear-gradient(130deg,#f2f7ff 0%,#fff 60%,#fffbeb 100%);padding:88px 0 94px;overflow:hidden}.heroGrid{display:grid;grid-template-columns:1.16fr .84fr;align-items:center;gap:54px}.heroPill,.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.heroPill{display:inline-block;background:white;border:1px solid #dce8f9;border-radius:25px;padding:8px 15px;letter-spacing:0;text-transform:none}.hero h1{margin:23px 0 20px}.hero h1 span{color:var(--blue)}.hero p{color:var(--muted);font-size:17px;max-width:600px}.heroActions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.primaryBtn,.secondaryBtn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:13px;padding:13px 22px;font-weight:800;font-size:15px}.primaryBtn{background:var(--navy);color:white}.primaryBtn:hover{background:var(--blue)}.secondaryBtn{background:white;border:1px solid #cbd7e7}.searchForm,.searchBar{display:flex;align-items:center;gap:14px;background:white;border:1px solid #dde6f3;border-radius:15px;padding:8px 9px 8px 16px;box-shadow:0 9px 24px #13294f0d}.searchForm input,.searchBar input{min-width:0;width:100%;border:0;outline:none;color:var(--navy)}.searchForm button{border:0;color:var(--navy);background:var(--yellow);font-weight:800;border-radius:10px;padding:8px 21px}.hint{font-size:12px!important;margin-top:10px}.heroArt{height:460px;position:relative;border-radius:44px;background:linear-gradient(150deg,#1d4a8e,#0f2852 78%);overflow:hidden;box-shadow:0 25px 45px #20437b2c}.heroArt:before{content:"";position:absolute;width:450px;height:450px;border-radius:50%;border:1px solid #ffffff38;left:10%;top:-12%}.heroArt:after{content:"";position:absolute;width:315px;height:315px;border-radius:50%;border:1px solid #ffffff33;left:24%;top:4%}.heroOrn{position:absolute;font-size:165px;line-height:1;color:#ffdc80;left:50%;top:34%;transform:translate(-50%,-50%);text-shadow:0 7px 40px #ffd76244}.orb{position:absolute;font-size:36px;background:#ffffffec;z-index:2;width:75px;height:75px;display:grid;place-items:center;border-radius:20px;box-shadow:0 10px 30px #0b234e33}.orbA{left:11%;top:23%;transform:rotate(-11deg)}.orbB{right:11%;top:21%;transform:rotate(10deg)}.orbC{right:16%;top:57%;transform:rotate(-9deg)}.heroArtCaption{position:absolute;bottom:28px;left:30px;right:30px;color:white}.heroArtCaption span{font-size:11px;font-weight:800;letter-spacing:.2em;color:#f5d176}.heroArtCaption h2{font-size:25px;margin:10px 0 0}.section{padding:62px 0}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.sectionHead h2{margin:10px 0}.sectionHead p,.pageHero p{color:var(--muted);max-width:710px}.levelGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.levelCard{border:1px solid var(--border);border-radius:var(--radius);padding:30px;background:white;transition:.2s;box-shadow:0 6px 24px #1c396108}.levelCard:hover,.classCard:hover{transform:translateY(-3px);box-shadow:0 15px 35px #17396b12}.levelEmoji{display:grid;place-items:center;background:#f3f7ff;width:67px;height:67px;border-radius:19px;font-size:32px;margin-bottom:22px}.levelCard h3{margin-bottom:5px}.levelCard p{color:var(--muted)}.levelCard span{color:var(--blue);font-weight:800}.shade{background:var(--bg)}.featureGrid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.featureGrid p{color:var(--muted)}.featureList{display:grid;gap:15px}.featureList>div{display:flex;align-items:center;gap:18px;padding:19px;background:white;border-radius:15px;font-size:28px;box-shadow:0 3px 15px #102a5409}.featureList span{display:grid}.featureList strong{font-size:16px}.featureList small{font-size:13px;color:var(--muted)}.footer{background:var(--navy);color:white;margin-top:42px;padding:53px 0 20px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px}.ftbrand{font-weight:900;font-size:25px}.footer p,.footer a{color:#d3e1f5}.footer a{display:block;margin-top:10px;font-size:14px}.footer .muted{font-size:12px;max-width:400px}.bottom{border-top:1px solid #ffffff2b;padding-top:20px;margin-top:32px;font-size:12px;color:#cbd9ed}.page{padding-top:50px}.pageHero{background:linear-gradient(120deg,#f1f6ff,#fffbef);border-radius:28px;padding:49px 50px}.pageHero h1{font-size:clamp(2.2rem,4vw,3.6rem);margin:15px 0}.searchBar{margin:27px 0 17px;max-width:750px}.searchBar button{border:0;background:#e9f0fc;padding:8px 13px;color:var(--blue);border-radius:9px}.jumpLinks{display:flex;flex-wrap:wrap;gap:10px}.jumpLinks a{background:white;padding:7px 16px;border-radius:30px;font-weight:700;font-size:13px;border:1px solid var(--border)}.classGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.classCard{background:white;border:1px solid var(--border);border-radius:19px;padding:24px;box-shadow:0 5px 22px #13294f09;transition:.2s}.classTop{display:flex;justify-content:space-between;align-items:center}.classCircle{background:#f7d86b;color:var(--navy);font-weight:900;width:51px;height:51px;border-radius:15px;display:grid;place-items:center}.tag{background:#eaf2ff;color:var(--blue);border-radius:50px;padding:4px 11px;font-size:11px;font-weight:800}.classCard h3{margin:18px 0 15px}.chapterPreview{display:grid;gap:2px}.chapterPreview a{display:grid;grid-template-columns:24px 1fr 12px;gap:8px;align-items:start;border-radius:7px;padding:8px 3px;font-size:13px;line-height:1.5}.chapterPreview a:hover{background:#f1f6ff;color:var(--blue)}.chapterNumber{color:var(--blue);font-weight:800}.level{scroll-margin-top:90px}.searchResults{display:none;margin:10px 0;padding:10px;border:1px solid var(--border);border-radius:14px;background:#fff;max-height:370px;overflow:auto}.searchResults.active{display:block}.searchResults a{display:block;padding:11px;border-radius:9px;border-bottom:1px solid #edf1f8}.searchResults a:hover{background:#f1f6ff}.searchResults small{display:block;color:var(--muted);font-size:12px}.aboutIntro{display:grid;grid-template-columns:135px 1fr;gap:40px;align-items:center;background:#f5f8ff;border-radius:22px;padding:32px}.goldmark{width:135px;height:135px;background:#fff1bd;display:grid;place-items:center;border-radius:25px;font-size:70px}.aboutIntro p{color:var(--muted)}.profileCard{display:grid;grid-template-columns:220px 1fr;gap:32px;background:#fff;border:1px solid var(--border);padding:32px;border-radius:22px}.photoPlaceholder{background:#eef4ff;color:#7891b0;min-height:230px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:50px}.photoPlaceholder small{font-size:13px}.profileCard h3{font-size:26px}.profileLabel{color:var(--blue);font-weight:700;font-size:14px}.placeholderText,.profileCard blockquote{margin:17px 0;color:#647893}.speech{background:#fafcff}.speech blockquote{border-left:4px solid var(--yellow);padding-left:22px}.centeredCta{text-align:center;display:grid;justify-items:center}.centeredCta p{color:var(--muted)}.testimonialGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.testimonial{border:1px solid var(--border);padding:27px;border-radius:21px;min-height:270px;display:flex;flex-direction:column}.stars{color:#eebd36}.testimonial blockquote{margin:22px 0;flex:1;color:#617791}.person{display:flex;align-items:center;gap:12px}.avatar{width:48px;height:48px;display:grid;place-items:center;background:#e9f1ff;border-radius:50%}.person span:last-child{display:grid}.person small{color:var(--muted)}.crumb{display:flex;gap:10px;align-items:center;color:#7286a2;font-size:13px;padding:5px 0 25px}.crumb a:hover{color:var(--blue)}.lessonLayout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:39px;align-items:start}.lessonSidebar{border:1px solid var(--border);border-radius:17px;padding:17px;position:sticky;top:106px}.sideHeading{display:grid;padding:10px 8px 14px;border-bottom:1px solid var(--border);margin-bottom:8px;font-weight:800}.sideHeading small{font-size:12px;color:var(--muted);font-weight:400}.lessonSidebar a{display:flex;gap:9px;align-items:start;font-size:13px;padding:11px 9px;border-radius:9px;line-height:1.5}.lessonSidebar a>span{color:var(--blue);font-weight:900}.lessonSidebar a.selected{background:#eaf2ff;color:var(--blue);font-weight:800}.lessonSidebar a.backCatalog{color:var(--blue);border-top:1px solid var(--border);margin-top:8px;font-weight:800}.lessonHeader{border-bottom:1px solid var(--border);padding-bottom:28px}.lessonHeader h1{font-size:clamp(2.1rem,4vw,3.4rem);margin:12px 0}.lessonHeader p{color:var(--muted)}.readerTools{display:flex;gap:9px;align-items:center}.readerTools button{border:1px solid var(--border);background:#f4f7fc;border-radius:8px;padding:4px 12px;font-weight:800}.readerTools span{font-size:12px;color:var(--muted)}.lessonBody{font-size:var(--readingSize,17px);line-height:1.95;padding:20px 0 48px;max-width:780px}.lessonBody h2{font-size:1.42em;margin:36px 0 10px;letter-spacing:-.02em}.lessonBody p{margin:0 0 17px;color:#344b69;overflow-wrap:anywhere}.lessonBody .note{background:#fffae7;border-left:4px solid var(--yellow);padding:16px 18px;margin:23px 0;color:#59491c;border-radius:5px 11px 11px 5px}.lessonBody .numberPara{padding:4px 8px;border-left:2px solid #dbe6f7}.notice{background:#f0f6ff;padding:18px;border-radius:15px}.lessonNav{display:flex;justify-content:space-between;gap:12px;margin:25px 0 44px}.lessonNav>a{display:flex;align-items:center;gap:9px;max-width:50%;padding:14px;border-radius:12px;border:1px solid var(--border);font-size:14px;font-weight:800}.lessonNav a small{display:block;font-size:11px;font-weight:400;color:var(--muted)}.lessonNav .nextChapter{text-align:right;margin-left:auto}.lessonPage{min-height:75vh}@media(max-width:950px){.heroGrid{grid-template-columns:1fr}.heroArt{max-width:600px;height:360px}.classGrid,.testimonialGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.lessonLayout{grid-template-columns:220px 1fr;gap:20px}.featureGrid{gap:30px}}@media(max-width:700px){.nav{height:70px}.brand{font-size:22px}.navlinks{display:none;position:absolute;top:70px;left:0;right:0;background:white;flex-direction:column;padding:19px;box-shadow:0 20px 22px #1a325d1e}.navlinks.open{display:flex}.mobileMenu{display:block}.container{width:calc(100% - 34px)}.hero{padding:45px 0}.heroArt{height:315px}.heroOrn{font-size:110px}.heroArtCaption h2{font-size:20px}.section{padding:38px 0}.levelGrid,.classGrid,.testimonialGrid,.featureGrid,.footergrid,.lessonLayout{grid-template-columns:1fr}.footergrid{gap:24px}.page{padding-top:20px}.pageHero{padding:30px 23px}.aboutIntro,.profileCard{grid-template-columns:1fr}.goldmark{width:100px;height:100px}.photoPlaceholder{max-width:220px}.lessonSidebar{position:static}.lessonBody{padding-top:5px}.lessonNav>a{max-width:50%}.sectionHead{align-items:start}.readerTools span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Founder portrait in About */
.founderPhoto{height:330px;border-radius:18px;overflow:hidden;background:#eaf2ff;box-shadow:0 8px 22px #102a5415}.founderPhoto img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}.profileCard p{color:#435b77;margin:14px 0;line-height:1.85}@media(max-width:700px){.founderPhoto{height:320px;max-width:320px}}

/* Rights and source attribution */
.rightsFooterLink{display:inline!important;margin:0!important;color:#fff5c3!important;font-weight:800;text-decoration:underline;text-underline-offset:3px}.footerDot{padding:0 10px;color:#adc6e7}.rightsHighlight{display:flex;gap:26px;align-items:flex-start;padding:32px;background:linear-gradient(110deg,#f2f7ff,#fff8e4);border:1px solid #e1e8f2;border-radius:23px}.rightsHighlight>span{font-size:45px}.rightsHighlight h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:12px}.rightsHighlight p,.rightsCard p,.rightsLegal p,.rightsFinal p{color:#465f7e}.rightsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:0}.rightsCard{background:white;border:1px solid #e1e8f2;border-radius:19px;padding:28px;box-shadow:0 3px 16px #102a5408}.rightsCard h2{font-size:1.55rem;margin-top:13px}.rightsCard p{font-size:15px}.rightsIcon{font-size:32px}.rightsLegal{border-top:1px solid #e1e8f2}.rightsLegal p{max-width:880px}.rightsFinal{background:#f2f7ff;border-radius:20px;padding:40px;margin-bottom:35px}.sourceDisclosure{background:#f7faff;border:1px solid #dfe9f7;border-left:4px solid #f5c84c;padding:22px 25px;border-radius:13px;margin:12px 0 25px}.sourceDisclosure h3{font-size:1.2rem;margin:9px 0}.sourceDisclosure p{color:#506580;font-size:14px;line-height:1.8}.sourceDisclosure a{color:#2764b8;font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:2px}@media(max-width:700px){.rightsGrid{grid-template-columns:1fr}.rightsHighlight{flex-direction:column}.rightsFinal{padding:25px}}

/* Grade-specific bibliography */
.sourceBibliography{border-top:1px solid #e3eaf4}.referenceGroup{margin:35px 0 45px}.referenceGroupHead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:17px}.referenceGroupHead h3{margin:0;font-size:1.55rem}.referenceGroupHead>span{color:#59708d;font-size:14px}.referenceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.referenceCard{border:1px solid #dfe8f5;background:white;border-radius:18px;padding:23px;display:flex;flex-direction:column;min-height:265px;box-shadow:0 5px 20px #102a5407}.referenceCardTop{display:flex;justify-content:space-between;gap:8px}.referenceGrade{border-radius:25px;background:#edf4ff;color:#2764b8;font-size:12px;font-weight:800;padding:4px 11px}.referenceYear{color:#59708d;font-size:13px;font-weight:700}.referenceCard h4{font-size:18px;line-height:1.38;margin:17px 0}.referenceAuthor{display:grid;gap:3px;margin:auto 0 12px}.referenceAuthor span,.referenceSource span{font-size:12px;color:#6b7e98}.referenceAuthor strong{font-size:14px}.referenceSource{border-top:1px solid #e3eaf4;padding-top:12px;display:grid;gap:3px}.referenceSource a{font-size:13px;font-weight:800;color:#2764b8;text-decoration:underline;text-underline-offset:2px}.referencesCaution{background:#fff9e6;border-left:4px solid #f5c84c;border-radius:12px;padding:20px;color:#4b5f76;font-size:14px;line-height:1.8}.sourcePublisher{font-size:12px!important}.sourceLinks{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.sourceLinks a{font-size:13px!important}.sourceLinks a:first-child{background:#e2edff;border-radius:9px;text-decoration:none;padding:6px 10px}@media(max-width:960px){.referenceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.referenceGrid{grid-template-columns:1fr}.referenceGroupHead{display:block}.referenceGroupHead>span{display:block;margin-top:4px}}

/* Interactive testimonials */
.testimonialLayout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.85fr);gap:28px;align-items:start}.testimonialFormWrap{background:white;border:1px solid #dfe8f5;border-radius:23px;padding:35px;box-shadow:0 10px 36px #102a5410}.testimonialFormHeading{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px}.testimonialFormHeading h2{margin:12px 0}.testimonialFormHeading p{color:#59708d;font-size:14px}.formMark{background:#ffefb7;width:55px;height:55px;border-radius:16px;display:grid;place-items:center;font-size:27px;flex-shrink:0}.testimonyForm{display:grid;gap:16px}.testimonialField{display:grid;gap:8px;margin-bottom:20px}.testimonialField label{font-weight:800;font-size:14px}.testimonialField input,.testimonialField textarea{display:block;width:100%;padding:13px 15px;border:1px solid #d1dfef;border-radius:12px;outline:none;color:#102a54;background:#fbfdff;line-height:1.6;resize:vertical}.testimonialField input:focus,.testimonialField textarea:focus{border-color:#2764b8;box-shadow:0 0 0 3px #2764b819}.testimonialField [aria-invalid="true"]{border-color:#b94c4c}.fieldError,.formError{color:#a43d3d;font-size:12px;min-height:0}.testimoniSubmit{width:100%;border:0;margin-top:6px}.submitFootnote{font-size:12px;color:#627995;text-align:center;margin:15px 0 0}.testimonialInfo{padding:34px;border:1px solid #dfe8f5;border-radius:22px;background:linear-gradient(140deg,#f0f6ff,#fffaf0)}.testimonialInfoIcon{font-size:44px}.testimonialInfo h2{font-size:1.65rem;margin-top:15px}.testimonialInfo>p{color:#59708d}.reviewNotice{background:white;border:1px solid #dce7f5;border-radius:14px;padding:20px;margin-top:25px}.reviewNotice p{font-size:13px;color:#59708d;margin:8px 0 0}.privacyNotice{font-size:12px;color:#60768c;margin-top:18px}.testimonyPreview{border-top:1px solid #e3eaf4}.testimonyEmpty{text-align:center;padding:45px 22px;background:#f6f9ff;border:1px dashed #cbd9ee;border-radius:20px}.testimonyEmpty span{font-size:42px}.testimonyEmpty h3{margin:12px 0}.testimonyEmpty p{color:#59708d}.testimonialSuccess{text-align:center;border-radius:20px;padding:45px 20px;background:#f2f9f4}.successIcon{font-size:44px}.testimonialSuccess h3{margin:16px 0}.testimonialSuccess p{color:#426856}.formLoading{color:#60768c}@media(max-width:850px){.testimonialLayout{grid-template-columns:1fr}}@media(max-width:650px){.testimonialFormWrap,.testimonialInfo{padding:23px}}

/* Kata Pengantar */
.prefaceCard{display:grid;grid-template-columns:110px 1fr;gap:25px;align-items:start;background:linear-gradient(125deg,#f4f8ff,#fff9eb);border:1px solid #dfe8f4;border-radius:22px;padding:36px}.prefaceDecoration{display:grid;place-items:center;font-size:32px;border-radius:18px;background:white;padding:20px}.prefaceCard p{color:#435b77;margin-bottom:16px;line-height:1.85}.prefaceSignature{font-weight:800;color:#102a54!important}@media(max-width:650px){.prefaceCard{grid-template-columns:1fr;padding:23px}.prefaceDecoration{width:max-content}}

/* Testimoni pembaca otomatis */
.testimonialConsent{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.65;margin:12px 0 20px;color:#425978;cursor:pointer}.testimonialConsent input{flex-shrink:0;accent-color:#2764b8;width:19px;height:19px;margin-top:3px}.testimonialList{padding:4px 0}.testimonialCount{font-size:14px;color:#59708d;margin:0 0 22px}.loadMoreReviews{display:flex;margin:27px auto 0;border:1px solid #cbd7e7}.loadMoreReviews[hidden]{display:none}.testimonial blockquote{overflow-wrap:anywhere;white-space:pre-wrap}.testimonialField textarea{min-height:155px}