:root{--cream:#fcf8f1;--white:#fff;--orange:#f2761e;--orange-light:#fdede0;--blue:#3eb6ea;--blue-light:#e7f7fd;--sage:#6e9b7d;--sage-light:#f1eee0;--navy:#1d2b45;--ink-soft:#57607a;--border:#ede4d3;--whatsapp:#25d366;--radius-lg:28px;--radius-md:20px;--shadow-soft:0 18px 40px -22px #1d2b4547;--font-display:"Fredoka", sans-serif;--font-body:"Nunito", sans-serif;--font-label:"Quicksand", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--navy);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3{font-family:var(--font-display);color:var(--navy);margin:0;font-weight:600}p{color:var(--ink-soft);margin:0;line-height:1.65}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}.wrap{z-index:1;max-width:1180px;margin:0 auto;padding:0 24px;position:relative}.section-decor{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.blob{filter:blur(46px);opacity:.55;border-radius:50%;position:absolute}.blob-orange{background:var(--orange-light)}.blob-blue{background:var(--blue-light)}.blob-sage{background:var(--sage-light)}.dot-grid{background-image:radial-gradient(circle, var(--border) 1.6px, transparent 1.6px);opacity:.7;background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 0,#000 40%,#0000 90%);mask-image:radial-gradient(70% 60% at 50% 0,#000 40%,#0000 90%)}.dot-grid-hero{-webkit-mask-image:radial-gradient(60% 80% at 20% 30%,#000 30%,#0000 80%);mask-image:radial-gradient(60% 80% at 20% 30%,#000 30%,#0000 80%)}.doodle{opacity:.55;position:absolute}@media (prefers-reduced-motion:no-preference){.doodle-star{animation:5s ease-in-out infinite doodle-float}.doodle-plus{animation:6.5s ease-in-out .5s infinite doodle-float}}@keyframes doodle-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(12deg)}}@media (width<=680px){.section-decor .blob{transform:scale(.7)}}.eyebrow{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin:0 0 10px;font-size:.82rem;font-weight:700}.eyebrow-light{color:var(--blue-light)}.btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:.95rem;font-weight:800;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex}.btn-sm{padding:9px 20px;font-size:.88rem}.btn-lg{padding:15px 30px;font-size:1rem}.btn-block{width:100%}.btn-primary{background:var(--orange);color:var(--white);box-shadow:0 12px 24px -12px #f2761e99}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 28px -12px #f2761eb3}.btn-ghost{color:var(--navy);border:2px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--navy);transform:translateY(-2px)}.language-toggle{border:1.5px solid var(--border);background:var(--white);width:74px;height:36px;color:var(--ink-soft);font-family:var(--font-label);cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;padding:4px 9px;font-size:.72rem;font-weight:800;transition:border-color .2s,box-shadow .2s,background-color .2s;display:inline-flex;position:relative;box-shadow:0 10px 22px -18px #1d2b4573}.language-toggle:hover{border-color:var(--orange);box-shadow:0 14px 26px -18px #f2761e8c}.language-code{z-index:2;line-height:1;transition:color .2s;position:relative}body[data-lang=id] .language-code-id,body[data-lang=en] .language-code-en{color:var(--white)}body[data-lang=id] .language-code-en,body[data-lang=en] .language-code-id{color:var(--ink-soft)}.language-knob{background:var(--orange);border-radius:999px;width:33px;height:26px;transition:transform .22s;position:absolute;top:4px;left:4px;box-shadow:0 8px 16px -10px #f2761ecc}body[data-lang=en] .language-knob{transform:translate(31px)}.mobile-language-row{border-bottom:1px solid var(--border);color:var(--navy);justify-content:space-between;align-items:center;gap:12px;padding:10px 4px 14px;font-weight:800;display:flex}.site-header{z-index:100;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#ffffffd9;transition:border-color .25s,box-shadow .25s;position:sticky;top:0}.site-header.scrolled{border-bottom-color:var(--border);box-shadow:0 8px 24px -20px #1d2b4566}.nav-inner{justify-content:space-between;align-items:center;gap:20px;padding-block:8px;display:flex}.logo{align-items:center;display:flex}.logo-img{width:auto;height:64px}.main-nav{align-items:center;gap:30px;display:flex}.main-nav a{color:var(--navy);padding:4px 0;font-size:.92rem;font-weight:700;position:relative}.main-nav a:after{content:"";background:var(--orange);width:0;height:2px;transition:width .2s;position:absolute;bottom:-2px;left:0}.main-nav a:hover:after{width:100%}.nav-actions{align-items:center;gap:16px;display:flex}.nav-phone{color:var(--ink-soft);align-items:center;gap:6px;font-size:.86rem;font-weight:700;display:none}.nav-phone:hover{color:var(--orange)}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.nav-toggle span{background:var(--navy);border-radius:2px;width:22px;height:2.5px;transition:transform .25s,opacity .25s}.mobile-nav{background:var(--cream);border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:8px 24px 20px;display:none}.mobile-nav a{border-bottom:1px solid var(--border);padding:12px 4px;font-weight:700}.mobile-nav .btn{width:100%;margin-top:12px}.mobile-nav.open{display:flex}@media (width>=1140px){.nav-phone{display:flex}}.hero{padding:64px 0 96px;position:relative;overflow:hidden}.hero-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}.hero-content h1{letter-spacing:-.005em;margin-bottom:20px;font-size:clamp(2.1rem,4vw,3.15rem);line-height:1.14}.hero-visual{position:relative}.hero-blob{aspect-ratio:1;background:linear-gradient(135deg, var(--blue-light), var(--orange-light));z-index:0;border-radius:62% 38% 55% 45%/45% 55%;width:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-illustration{object-fit:cover;z-index:1;border-radius:28px;width:100%;height:100%;position:relative}.hero-badge{z-index:2;background:var(--white);box-shadow:var(--shadow-soft);border-radius:100px;align-items:center;gap:9px;padding:10px 18px;font-size:.84rem;font-weight:700;display:flex;position:absolute;bottom:-18px;left:24px}.hero-badge-dot{background:var(--sage);border-radius:50%;flex-shrink:0;width:9px;height:9px}.hero-photo-chip{z-index:2;border:5px solid var(--white);width:92px;height:92px;box-shadow:var(--shadow-soft);border-radius:22px;margin:0;position:absolute;top:-22px;right:-18px;overflow:hidden;transform:rotate(6deg)}.hero-photo-chip img{object-fit:cover;width:100%;height:100%}@media (width<=860px){.hero-photo-chip{width:76px;height:76px;top:-14px;right:6px}}.section-head{text-align:center;max-width:640px;margin:0 auto 52px}.section-head h2{margin-bottom:14px;font-size:clamp(1.7rem,3vw,2.35rem)}.section-lede{font-size:1.02rem}.why-columns{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.why-list{flex-direction:column;display:flex}.why-list-item{border-bottom:1px solid var(--border);gap:16px;padding:20px 0;display:flex}.why-list-item:first-child{padding-top:0}.why-list-item:last-child{border-bottom:none;padding-bottom:0}.why-list-icon{background:var(--icon-bg);width:44px;height:44px;color:var(--icon-fg);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.why-list-item h3{margin-bottom:4px;font-size:1.02rem}.why-list-item p{font-size:.88rem}.why-collage{grid-template-rows:repeat(2,1fr);grid-template-columns:1.2fr 1fr;gap:14px;height:420px;display:grid}.collage-item{margin:0}.collage-item img{object-fit:cover;border-radius:var(--radius-md);width:100%;height:100%;box-shadow:var(--shadow-soft)}.collage-lg{grid-row:1/3}.tutor-section{background:var(--white);padding:90px 0;position:relative}.tutor-carousel{position:relative}.tutor-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;gap:20px;margin:0 -6px;padding:6px 6px 10px;display:flex;overflow-x:auto}.tutor-track::-webkit-scrollbar{display:none}.tutor-card{scroll-snap-align:start;background:var(--white);border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:var(--radius-md);text-align:center;flex:0 0 250px;padding:28px 22px;transition:transform .22s,box-shadow .22s}.tutor-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-6px)}.tutor-avatar{background:var(--avatar-bg);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 16px;display:flex}.tutor-card h3{margin-bottom:4px;font-size:1.02rem}.tutor-role{color:var(--accent);margin-bottom:6px;font-size:.82rem;font-weight:700}.tutor-edu{margin-bottom:12px;font-size:.78rem}.tutor-quote{color:var(--navy);font-size:.84rem;font-style:italic;line-height:1.55}.tutor-nav{justify-content:center;gap:12px;margin-top:18px;display:flex}.tutor-nav button{border:1.5px solid var(--border);background:var(--white);cursor:pointer;width:40px;height:40px;color:var(--navy);border-radius:50%;justify-content:center;align-items:center;transition:background .2s,border-color .2s,color .2s;display:flex}.tutor-nav button:hover{background:var(--orange-light);border-color:var(--orange);color:var(--orange)}.tutor-note{text-align:center;color:var(--ink-soft);opacity:.8;margin-top:24px;font-size:.78rem}.journey-track{justify-content:space-between;gap:20px;padding-top:28px;display:flex;position:relative}.journey-track:before{content:"";border-top:2.5px dashed var(--border);z-index:0;height:0;position:absolute;top:32px;left:4%;right:4%}.journey-stop{text-align:center;transform:translateY(var(--offset));flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.journey-dot{background:var(--blue);border:4px solid var(--white);width:16px;height:16px;box-shadow:0 0 0 3px var(--blue-light);z-index:1;border-radius:50%;margin-bottom:22px;position:relative}.journey-dot-end{background:var(--orange);box-shadow:0 0 0 3px var(--orange-light)}.journey-card{background:var(--cream);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;overflow:hidden}.journey-photo{object-fit:cover;width:100%;height:118px;display:block}.journey-card-body{padding:18px 18px 22px}.journey-age{font-family:var(--font-label);color:var(--blue);letter-spacing:.04em;font-size:.78rem;font-weight:700}.journey-card h3{margin:4px 0 8px;font-size:1.3rem}.journey-card p{font-size:.86rem}.program-section{background:var(--navy);padding:84px 0;position:relative;overflow:hidden}.dot-grid-light{background-image:radial-gradient(circle,#ffffff24 1.6px,#0000 1.6px);background-size:26px 26px;-webkit-mask-image:radial-gradient(60% 70% at 85% 20%,#000 30%,#0000 80%);mask-image:radial-gradient(60% 70% at 85% 20%,#000 30%,#0000 80%)}.program-inner{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.light-title{color:var(--white);margin:10px 0 16px;font-size:clamp(1.6rem,3vw,2.1rem)}.program-lede{color:#ffffffb8;max-width:48ch}.program-list{flex-direction:column;gap:0;display:flex}.program-list li{border-bottom:1px solid #ffffff24;align-items:flex-start;gap:18px;padding:18px 0;display:flex}.program-list li:last-child{border-bottom:none}.program-num{font-family:var(--font-display);color:var(--blue);padding-top:2px;font-size:.9rem;font-weight:600}.program-text{flex-direction:column;gap:4px;display:flex}.program-text strong{color:var(--white);font-size:1.02rem;font-weight:700}.program-text small{color:#fff9;font-size:.82rem}.faq-section{background:var(--cream);padding:90px 0;position:relative;overflow:hidden}.faq-list{flex-direction:column;gap:14px;max-width:760px;margin:0 auto;display:flex}.faq-item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px 24px}.faq-item summary{cursor:pointer;color:var(--navy);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:1rem;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:var(--font-display);color:var(--orange);flex-shrink:0;font-size:1.4rem;transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding-bottom:20px;font-size:.94rem}.testimonials-section{background:var(--white);padding:90px 0;position:relative;overflow:hidden}.testi-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.testi-card{background:var(--cream);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:16px;margin:0;padding:30px 26px;display:flex}.testi-stars{color:var(--orange);letter-spacing:2px;font-size:.95rem}.testi-card blockquote{color:var(--navy);margin:0;font-size:.98rem;line-height:1.6}.testi-card figcaption{color:var(--ink-soft);align-items:center;gap:12px;font-size:.86rem;display:flex}.testi-avatar{background:var(--blue-light);width:38px;height:38px;color:var(--blue);font-weight:800;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.testi-badge{background:var(--badge-bg);color:var(--badge-fg);white-space:nowrap;border-radius:100px;align-items:center;gap:4px;margin-top:7px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.testi-note{text-align:center;color:var(--ink-soft);opacity:.8;margin-top:28px;font-size:.78rem}.daftar-inner{grid-template-columns:.9fr 1.1fr;align-items:start;gap:56px;display:grid}.daftar-lede{max-width:44ch;margin:4px 0 28px}.daftar-steps{flex-direction:column;gap:16px;display:flex}.daftar-steps li{color:var(--navy);align-items:center;gap:14px;font-size:.98rem;font-weight:700;display:flex}.daftar-steps span{background:var(--orange-light);width:30px;height:30px;color:var(--orange);font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.92rem;font-weight:600;display:flex}.daftar-form{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);flex-direction:column;gap:18px;padding:34px;display:flex}.form-row{flex-direction:column;gap:7px;display:flex}.form-row-split{flex-direction:row;gap:16px}.form-row-split>div{flex-direction:column;flex:1;gap:7px;display:flex}label{color:var(--navy);font-size:.86rem;font-weight:700}input,select,textarea{font-family:var(--font-body);color:var(--navy);border:1.5px solid var(--border);background:var(--cream);border-radius:12px;padding:12px 14px;font-size:.96rem;transition:border-color .18s}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none}textarea{resize:vertical;font-family:var(--font-body)}.form-hint{text-align:center;color:var(--ink-soft);font-size:.8rem}.wa-float{z-index:200;background:var(--whatsapp);width:58px;height:58px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 28px -10px #25d36699}.wa-float:hover{transform:scale(1.08)}.wa-float:before{content:"";border:2px solid var(--whatsapp);border-radius:50%;animation:2.2s ease-out infinite wa-pulse;position:absolute;inset:0}@keyframes wa-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.wa-float:before{animation:none;display:none}}.site-footer{background:var(--navy);padding:70px 0 0}.footer-grid{border-bottom:1px solid #ffffff1f;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:50px;display:grid}.logo-chip{background:var(--white);border-radius:14px;margin-bottom:4px;padding:8px 14px;display:inline-flex}.footer-brand .logo-img{height:52px}.footer-brand p{color:#ffffffa6;max-width:30ch;margin-top:14px;font-size:.92rem}.footer-col h4{color:var(--white);font-family:var(--font-label);letter-spacing:.1em;text-transform:uppercase;margin:0 0 16px;font-size:.82rem}.footer-col p{color:#ffffffad;margin-bottom:8px;font-size:.92rem}.footer-col a:hover{color:var(--blue)}.footer-map-link{color:var(--blue);margin-top:6px;font-size:.86rem;font-weight:700;display:inline-block}.footer-bottom{justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.footer-bottom p,.footer-bottom a{color:#ffffff8c;font-size:.82rem}.footer-bottom a:hover{color:var(--white)}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.reveal.in-view{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}html{scroll-behavior:auto}}@media (width<=980px){.why-columns{grid-template-columns:1fr;gap:32px}.why-collage{height:320px}.testi-grid,.program-inner,.daftar-inner{grid-template-columns:1fr}}@media (width<=860px){.main-nav{display:none}.nav-toggle{display:flex}.hero-inner{grid-template-columns:1fr}.hero-visual{order:-1;max-width:420px;margin:0 auto}.hero-cta{justify-content:center}.hero-content{text-align:center}.hero-stats{justify-content:center}.hero-lede{margin-inline:auto}.journey-track{flex-direction:column;gap:34px}.journey-track:before{border-top:none;border-left:2.5px dashed var(--border);width:0;height:auto;inset:4% auto 4% 24px}.journey-stop{text-align:left;flex-direction:row;align-items:flex-start;transform:none!important}.journey-dot{flex-shrink:0;margin:4px 20px 0 8px}.footer-grid{grid-template-columns:1fr 1fr}.form-row-split{flex-direction:column}.tutor-card{flex-basis:220px}}@media (width<=560px){.why-collage{grid-template-rows:repeat(3,130px);grid-template-columns:1fr;height:auto}.collage-lg{grid-row:auto}.hero-stats{flex-direction:column;gap:14px}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:10px}.daftar-form{padding:24px}.wa-float{width:52px;height:52px;bottom:16px;right:16px}.tutor-card{flex-basis:82vw}}.main-nav{align-items:center;gap:30px}.main-nav a:hover:after,.main-nav a[aria-current=page]:after{width:100%}.main-nav a[aria-current=page],.mobile-nav a[aria-current=page]{color:var(--orange)}.nav-dropdown{align-items:center;display:inline-flex;position:relative}.nav-dropdown-trigger{align-items:center;gap:6px;display:inline-flex}.nav-dropdown-trigger svg{transition:transform .18s}.nav-dropdown:hover .nav-dropdown-trigger svg,.nav-dropdown:focus-within .nav-dropdown-trigger svg{transform:rotate(180deg)}.nav-dropdown.is-active>.nav-dropdown-trigger{color:var(--orange)}.nav-dropdown.is-active>.nav-dropdown-trigger:after,.nav-dropdown:hover>.nav-dropdown-trigger:after,.nav-dropdown:focus-within>.nav-dropdown-trigger:after{width:100%}.nav-dropdown-menu{background:var(--white);border:1px solid var(--border);z-index:120;opacity:0;visibility:hidden;pointer-events:none;border-radius:18px;gap:4px;min-width:250px;padding:10px;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 24px 40px -24px #1d2b4573}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.nav-dropdown-menu:before{content:"";height:16px;position:absolute;top:-16px;left:0;right:0}.nav-dropdown-menu a{border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:11px 12px;font-size:.88rem;font-weight:800;display:flex}.nav-dropdown-menu small,.mobile-subnav small{background:var(--blue-light);color:var(--blue);letter-spacing:.04em;text-transform:uppercase;border-radius:100px;justify-content:center;align-items:center;padding:2px 8px;font-size:.68rem;font-weight:900;display:inline-flex}.nav-dropdown-menu a:hover,.nav-dropdown-menu a[aria-current=page]{background:var(--orange-light);color:var(--orange)}.nav-dropdown-menu a:after{display:none}.mobile-nav-group{border-bottom:1px solid var(--border)}.mobile-nav-group summary{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 4px;font-weight:800;list-style:none;display:flex}.mobile-nav-group summary::-webkit-details-marker{display:none}.mobile-nav-group summary:after{content:"⌄";color:var(--orange);font-size:1.1rem;transition:transform .18s}.mobile-nav-group[open] summary:after{transform:rotate(180deg)}.mobile-subnav{gap:4px;padding:0 0 10px 14px;display:grid}.mobile-subnav a{border-bottom:none;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:.92rem;font-weight:800;display:flex}.mobile-subnav a[aria-current=page]{background:var(--orange-light);color:var(--orange)}.elearn-hero{padding:64px 0 96px;position:relative;overflow:hidden}.elearn-hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.elearn-hero-copy h1{letter-spacing:-.005em;margin-bottom:20px;font-size:clamp(2.1rem,4vw,3.15rem);line-height:1.14}.hero-lede{max-width:52ch;margin-bottom:32px;font-size:1.08rem}.hero-cta{flex-wrap:wrap;gap:16px;margin-bottom:44px;display:flex}.hero-stats{gap:34px;margin:0;display:flex}.hero-stats dt{font-family:var(--font-display);color:var(--navy);font-size:1.5rem;font-weight:700}.hero-stats dd{color:var(--ink-soft);margin:2px 0 0;font-size:.82rem}.elearn-dashboard{justify-content:center;align-items:center;min-height:510px;display:flex;position:relative}.dashboard-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);z-index:1;position:relative}.dashboard-main{width:min(100%,470px);padding:18px}.dashboard-top{gap:7px;margin-bottom:14px;display:flex}.dashboard-dot{background:var(--border);border-radius:50%;width:10px;height:10px}.video-card{border-radius:22px;height:250px;margin-bottom:18px;position:relative;overflow:hidden}.video-card img{object-fit:cover;width:100%;height:100%}.play-button{background:var(--orange);width:62px;height:62px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin:auto;display:flex;position:absolute;inset:0;box-shadow:0 18px 35px -14px #f2761ecc}.lesson-row{border-top:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 4px;display:grid}.lesson-icon{background:var(--blue-light);width:38px;height:38px;color:var(--blue);font-family:var(--font-display);border-radius:12px;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.lesson-row strong{color:var(--navy);display:block}.lesson-row small{color:var(--ink-soft)}.lesson-status{color:var(--orange);background:var(--orange-light);border-radius:100px;padding:5px 10px;font-size:.78rem;font-weight:800}.lesson-status.done{color:var(--sage);background:var(--sage-light)}.floating-score-card{z-index:2;background:var(--navy);color:var(--white);border-radius:22px;width:190px;padding:18px;position:absolute;bottom:48px;right:-8px;box-shadow:0 24px 40px -22px #1d2b458c}.score-label{color:#ffffffad;margin-bottom:5px;font-size:.76rem;font-weight:700;display:block}.floating-score-card strong{font-family:var(--font-display);margin-bottom:10px;font-size:2rem;display:block}.progress-bar{background:#ffffff2e;border-radius:100px;width:100%;height:8px;overflow:hidden}.progress-bar span{border-radius:inherit;background:var(--blue);height:100%;display:block}.why-section{background:var(--cream);padding:90px 0;position:relative;overflow:hidden}.feature-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.feature-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px 22px;transition:transform .22s,box-shadow .22s}.feature-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-6px)}.feature-icon{background:var(--icon-bg);width:50px;height:50px;color:var(--icon-fg);font-family:var(--font-display);border-radius:16px;justify-content:center;align-items:center;margin-bottom:18px;font-weight:700;display:inline-flex}.feature-card h3{margin-bottom:8px;font-size:1.05rem}.feature-card p{font-size:.9rem}.journey-section{background:var(--white);padding:90px 0 110px;position:relative}.learning-track{grid-template-columns:repeat(4,1fr);gap:20px;padding-top:28px;display:grid;position:relative}.learning-track:before{content:"";border-top:2.5px dashed var(--border);z-index:0;height:0;position:absolute;top:36px;left:8%;right:8%}.learning-step{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.learning-dot{background:var(--blue);border:4px solid var(--white);width:16px;height:16px;box-shadow:0 0 0 3px var(--blue-light);border-radius:50%;margin-bottom:22px}.learning-dot-end{background:var(--orange);box-shadow:0 0 0 3px var(--orange-light)}.learning-card{background:var(--cream);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;padding:24px 18px}.learning-card span{font-family:var(--font-label);color:var(--blue);letter-spacing:.04em;font-size:.78rem;font-weight:700}.learning-card h3{margin:5px 0 8px;font-size:1.3rem}.learning-card p{font-size:.86rem}.parent-section{background:var(--white);padding:90px 0;position:relative;overflow:hidden}.parent-inner{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.parent-photo{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--border);margin:0;overflow:hidden}.parent-photo img{object-fit:cover;width:100%;height:470px}.parent-copy h2{margin-bottom:14px;font-size:clamp(1.7rem,3vw,2.35rem)}.check-list{flex-direction:column;gap:14px;margin-top:26px;display:flex}.check-list li{color:var(--navy);align-items:flex-start;gap:12px;font-weight:700;display:flex}.check-list span{background:var(--sage-light);width:26px;height:26px;color:var(--sage);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:flex}.daftar-section{background:var(--cream);padding:90px 0 100px;position:relative;overflow:hidden}.cta-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);text-align:center;max-width:900px;padding:46px}.cta-card h2{margin-bottom:14px;font-size:clamp(1.7rem,3vw,2.35rem)}.cta-card p{max-width:62ch;margin:0 auto}.cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:30px;display:flex}@media (width<=1100px){.main-nav{display:none}.nav-toggle{display:flex}}@media (width<=980px){.elearn-hero-inner,.program-inner,.parent-inner{grid-template-columns:1fr}.elearn-dashboard{order:-1;max-width:520px;min-height:480px;margin:0 auto}.elearn-hero-copy{text-align:center}.hero-lede{margin-inline:auto}.hero-cta,.hero-stats{justify-content:center}.feature-grid{grid-template-columns:repeat(2,1fr)}.learning-track{grid-template-columns:1fr;gap:34px}.learning-track:before{border-top:none;border-left:2.5px dashed var(--border);width:0;height:auto;inset:4% auto 4% 24px}.learning-step{text-align:left;flex-direction:row;align-items:flex-start}.learning-dot{flex-shrink:0;margin:4px 20px 0 8px}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.elearn-hero{padding-top:42px}.hero-stats{flex-direction:column;gap:14px}.hero-cta,.cta-actions{flex-direction:column}.hero-cta .btn,.cta-actions .btn{width:100%}.feature-grid{grid-template-columns:1fr}.parent-photo img{height:330px}.floating-score-card{width:100%;margin-top:16px;position:static}.elearn-dashboard{min-height:auto;display:block}.dashboard-main{width:100%}.video-card{height:210px}.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:10px}.cta-card{padding:34px 24px}.wa-float{width:52px;height:52px;bottom:16px;right:16px}}