@font-face{font-family:Poppins;src:url('/assets/pakej-4-subjek/3dc5d0c52428fe169626.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/pakej-4-subjek/289e0afc8be731a86822.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/pakej-4-subjek/197a3cbd7290c242c5c7.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Madefor;src:url('/assets/pakej-4-subjek/36b8ceceb9cb75b1092f.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--navy:#112f5b;--muted:#56565c;--pink:#ec1568;--blue:#136ccd;--pale:#f4f7fc;--line:#e0eaf3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:#fff;font-family:Poppins,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 88px));margin-inline:auto}.skip{position:absolute;top:12px;left:12px;z-index:20;transform:translateY(-160%);padding:12px;background:#fff}.skip:focus{transform:none}.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}
/* The published primary page's shared header and navigation. */
.site-header{background:#fff;border-bottom:1px solid #edf2f7;position:relative;z-index:5}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;height:108px}.logo{width:178px}.nav{display:flex;align-items:center;gap:27px;font:500 16px Madefor,Arial,sans-serif}.nav a{padding:12px 0}.nav a:hover{color:var(--pink)}.menu{display:none;background:none;border:0;width:44px;height:44px;padding:9px}.menu span{display:block;width:26px;height:2px;background:var(--navy);margin:5px 0}
.eyebrow{display:flex;gap:9px;align-items:center;color:var(--pink);font-size:11px;line-height:1.5;letter-spacing:1px;font-weight:700}.eyebrow:before{content:'';height:2px;width:24px;background:var(--pink);flex-shrink:0}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:0;border-radius:30px;padding:13px 23px;font:700 14px/1.35 Madefor,Arial,sans-serif;text-align:center;transition:background .18s,transform .18s}.action.primary{background:var(--pink);color:#fff;box-shadow:0 5px 14px #ec156826}.action.primary:hover{background:#d3105c;transform:translateY(-2px)}.action.secondary{color:var(--blue);background:#eef9ff;border:1px solid #d4dce0}.action.secondary:hover{background:#e1f0ff}.action .icon{width:18px;height:18px}
.secondary-hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#fff 25%,#f1f8ff 100%);border-bottom:1px solid var(--line)}.secondary-hero:after{content:'';position:absolute;width:390px;height:390px;border:1px solid #d9e9f9;border-radius:50%;top:-265px;right:-100px;pointer-events:none}.hero-inner{position:relative;padding-block:25px 31px}.breadcrumb{display:flex;align-items:center;gap:9px;font:400 12px/1.5 Madefor,Arial,sans-serif;color:#66758a;margin-bottom:23px;flex-wrap:wrap}.breadcrumb a:hover{color:var(--pink)}.breadcrumb span[aria-hidden]{color:#94a8bd}.hero-row{display:flex;align-items:center;justify-content:space-between;gap:35px}.hero-copy{max-width:820px}.hero-copy h1{font:700 clamp(32px,3.3vw,46px)/1.2 Poppins,Arial,sans-serif;letter-spacing:-1.3px;margin:10px 0 12px}.hero-copy h1 span{color:var(--pink)}.hero-copy>p:last-child{max-width:720px;color:var(--muted);font:400 17px/1.6 Madefor,Arial,sans-serif}.branch-label{display:inline-flex;align-items:center;gap:7px;color:var(--blue);background:#eef7ff;border:1px solid #d4e7f7;border-radius:25px;padding:8px 13px;font:600 13px/1.3 Madefor,Arial,sans-serif;white-space:nowrap;flex-shrink:0}.branch-label .icon{width:16px;height:16px}
.package-section{padding:31px 0 32px;scroll-margin-top:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:19px}.section-heading h2{font:700 24px/1.3 Poppins,Arial,sans-serif;letter-spacing:-.5px}.section-heading p{color:var(--muted);font:400 14px/1.5 Madefor,Arial,sans-serif}.category-tabs{display:grid;grid-template-columns:1fr 1fr;max-width:520px;margin:0 0 21px;padding:5px;background:#f2f6fc;border:1px solid #dfebf7;border-radius:32px;gap:5px}.category-tab{min-height:48px;border:0;background:transparent;border-radius:25px;font:700 15px/1.3 Poppins,Arial,sans-serif;padding:11px 13px;transition:background .2s,color .2s,box-shadow .2s}.category-tab[aria-selected=true]{background:var(--pink);color:white;box-shadow:0 4px 10px #ec156826}.category-tab[aria-selected=false]:hover{background:#e6eff9}.package-panel{display:grid;grid-template-columns:1fr 1.04fr;overflow:hidden;border:1px solid #dbe7f3;border-radius:26px;box-shadow:0 8px 25px #112f5b05;animation:panel-in .28s ease-out}.subjects-pane{padding:27px 29px;background:linear-gradient(140deg,#f2f9ff,#fff 90%)}.pane-label{font:700 11px/1.4 Madefor,Arial,sans-serif;letter-spacing:1px;color:var(--blue);margin-bottom:8px}.subjects-pane h3{font:700 27px/1.3 Poppins,Arial,sans-serif;letter-spacing:-.6px}.subject-list{display:grid;grid-template-columns:1fr 1fr;gap:11px 16px;list-style:none;margin:20px 0 23px;padding:0}.subject-list li{display:flex;align-items:center;gap:8px;font:500 14px/1.4 Madefor,Arial,sans-serif;min-width:0}.subject-list .tick{display:grid;place-items:center;width:22px;height:22px;background:#e3f1ff;color:var(--blue);border-radius:50%;flex-shrink:0;font-size:13px}.fees{display:grid;grid-template-columns:.8fr 1fr 1.1fr;gap:14px;margin:0;border-top:1px solid #dce8f2;padding-top:20px}.fees dt{color:#657287;font:400 12px/1.4 Madefor,Arial,sans-serif;margin-bottom:6px}.fees dd{font:700 22px/1.3 Madefor,Arial,sans-serif;margin:0;white-space:nowrap}.fees dd small{display:block;font:400 11px/1.4 Madefor,Arial,sans-serif;color:var(--muted);margin-top:2px}.combos-pane{background:#fff5fa;border-left:1px solid #f4d8e5;padding:27px 29px;display:flex;flex-direction:column;justify-content:center}.combos-pane>.pane-label{color:var(--pink)}.combo-list{list-style:none;padding:0;margin:11px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.combo{padding:15px 17px;background:#fff;border:1px solid #efc6d8;border-radius:17px;min-width:0}.combo h4{font:500 13px/1.4 Madefor,Arial,sans-serif;margin:0 0 7px}.combo h4 strong{font-weight:700}.combo .price{display:flex;align-items:baseline;gap:5px;font:700 29px/1.15 Poppins,Arial,sans-serif;letter-spacing:-.7px}.combo .price small{font:500 12px/1.3 Madefor,Arial,sans-serif;letter-spacing:0}.combo .period{display:block;font:400 11px/1.4 Madefor,Arial,sans-serif;color:#657287;margin-top:4px}.combo-note{margin-top:13px;color:#697184;font:400 12px/1.5 Madefor,Arial,sans-serif}
.schedule-section{padding:29px 0 35px;background:#f6faff;border-top:1px solid #e5eef7;scroll-margin-top:20px}.schedule-section .section-heading{margin-bottom:19px}.schedule-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.schedule-link{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e3dce7;border-radius:17px;padding:17px 15px;min-height:86px;transition:transform .18s,border-color .18s,box-shadow .18s}.schedule-link:hover{transform:translateY(-3px);border-color:#f1a4c3;box-shadow:0 6px 17px #112f5b0b}.grade-number{display:grid;place-items:center;width:40px;height:44px;border-radius:13px;background:#ffe6f0;color:var(--pink);font:700 24px/1 Poppins,Arial,sans-serif;flex-shrink:0}.schedule-link .label{font:700 14px/1.4 Madefor,Arial,sans-serif}.schedule-link .label small{display:block;font-size:11px;font-weight:400;color:#66758a;margin-top:3px}.schedule-link>.icon{width:17px;height:17px;color:var(--pink);margin-left:auto}.help-row{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #dee8f4;margin-top:24px;padding-top:21px}.help-row p{font:400 15px/1.5 Madefor,Arial,sans-serif;color:#596575}.help-row strong{display:block;color:var(--navy);font-weight:700;margin-bottom:2px}.help-row .action{flex-shrink:0}
/* Schedule pages use real text rather than an unreadable poster image. */
.schedule-hero .hero-inner{padding-block:27px 32px}.back-link{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font:600 13px/1.5 Madefor,Arial,sans-serif;margin-bottom:23px}.back-link:hover{color:var(--pink)}.back-link .icon{width:17px;height:17px}.schedule-main{padding-block:26px 40px}.grade-navigation{display:flex;align-items:center;gap:8px;margin-bottom:25px;flex-wrap:wrap}.grade-navigation .grade-nav-label{font:500 12px/1.4 Madefor,Arial,sans-serif;color:#67788c;margin-right:6px}.grade-navigation a{font:600 12px/1.3 Madefor,Arial,sans-serif;border:1px solid #dce6f0;border-radius:20px;background:#fff;padding:10px 14px;min-height:38px}.grade-navigation a[aria-current=page]{background:var(--pink);border-color:var(--pink);color:#fff}.grade-navigation a:hover{border-color:var(--pink)}.schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.schedule-grid.six-subjects{grid-template-columns:repeat(3,minmax(0,1fr))}.subject-schedule{border:1px solid #dbe7f3;border-radius:21px;overflow:hidden;min-width:0;background:#fff;height:100%}.schedule-card-heading{display:flex;align-items:center;gap:11px;background:#f2f8ff;border-bottom:1px solid #e2edf8;padding:17px 20px}.schedule-card-heading h2{font:700 17px/1.3 Poppins,Arial,sans-serif;letter-spacing:-.3px}.subject-symbol{display:grid;place-items:center;min-width:35px;height:35px;border-radius:11px;background:#e1eeff;color:var(--blue);font:700 13px/1 Madefor,Arial,sans-serif}.subject-schedule:nth-child(1) .schedule-card-heading{background:#fff3f8;border-color:#f6dfeb}.subject-schedule:nth-child(1) .subject-symbol{background:#ffe3ef;color:var(--pink)}.sessions{padding:19px 21px}.session-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.session h3{font:700 16px/1.4 Madefor,Arial,sans-serif}.session p{display:flex;align-items:flex-start;gap:7px;font:500 14px/1.5 Madefor,Arial,sans-serif;color:#53647a}.session p .icon{width:15px;height:15px;margin-top:3px;color:var(--blue)}.full-badge{font:700 10px/1.3 Madefor,Arial,sans-serif;letter-spacing:.3px;color:#be1d4d;background:#fff0f4;border:1px solid #f3c7d3;border-radius:13px;padding:4px 8px;white-space:nowrap}.session.is-full p{color:#788292}.session-divider{display:flex;align-items:center;gap:12px;color:#758397;font:400 10px/1.5 Madefor,Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;margin:14px 0}.session-divider:before,.session-divider:after{content:'';height:1px;background:#e5ecf4;flex:1}.schedule-note{font:400 12px/1.55 Madefor,Arial,sans-serif;color:#657287;margin-top:14px}.schedule-note.pending{background:#fff5e7;border:1px solid #f5dfb8;border-radius:10px;padding:12px;color:#805c22}.schedule-notes{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-top:22px}.schedule-notes>p{max-width:720px;font:400 12px/1.6 Madefor,Arial,sans-serif;color:#66758a}.source-pdf{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font:600 12px/1.5 Madefor,Arial,sans-serif;flex-shrink:0;min-height:30px}.source-pdf:hover{text-decoration:underline}.source-pdf .icon{width:16px;height:16px}.schedule-contact{margin-top:28px;padding:23px 25px;background:#fff4f8;border:1px solid #f5dae5;border-radius:21px;display:flex;align-items:center;justify-content:space-between;gap:25px}.schedule-contact h2{font:700 19px/1.4 Poppins,Arial,sans-serif;letter-spacing:-.4px}.schedule-contact p{font:400 14px/1.5 Madefor,Arial,sans-serif;color:#647083;margin-top:6px}.schedule-contact .action{flex-shrink:0}.bottom-back{margin-top:24px;margin-bottom:0}
@keyframes panel-in{from{opacity:.45;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:1120px){.wrap{width:calc(100% - 56px)}.nav{gap:18px;font-size:14px}.subjects-pane,.combos-pane{padding:23px}.schedule-link{gap:9px;padding:16px 12px}.schedule-link .label{font-size:13px}.grade-number{width:34px;height:40px;font-size:22px}.schedule-grid.six-subjects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.header-inner{height:88px}.logo{width:150px}.menu{display:block}.nav{display:none;position:absolute;top:87px;left:0;right:0;z-index:5;padding:16px 28px;background:#fff;box-shadow:0 10px 18px #112f5b12;flex-direction:column;align-items:stretch;gap:0;font-size:17px}.nav.open{display:flex}.nav a{border-bottom:1px solid #edf2f7;padding:15px 0}.hero-row{align-items:flex-start;gap:18px}.branch-label{font-size:11px;padding:8px 10px}.hero-copy h1{font-size:35px}.hero-copy>p:last-child{font-size:16px}.subjects-pane,.combos-pane{padding:23px 20px}.subjects-pane h3{font-size:24px}.subject-list{gap:11px 9px}.subject-list li{font-size:13px}.fees{gap:9px}.fees dd{font-size:21px}.combo{padding:14px}.combo .price{font-size:25px}.schedule-links{gap:10px}.schedule-link{flex-direction:column;align-items:flex-start;gap:9px;position:relative;padding:15px 14px}.schedule-link>.icon{position:absolute;right:12px;top:28px;width:15px;height:15px}.schedule-link .label{font-size:14px}.help-row p{font-size:14px}}
@media(max-width:680px){.hero-inner{padding-block:19px 25px}.breadcrumb{margin-bottom:19px;font-size:11px}.hero-row{display:block}.hero-copy h1{font-size:33px;max-width:500px}.branch-label{margin-top:16px;font-size:12px}.package-section{padding-block:26px}.section-heading{display:block;margin-bottom:15px}.section-heading h2{font-size:22px}.section-heading p{margin-top:6px;font-size:13px}.category-tabs{max-width:none;margin-bottom:17px}.package-panel{grid-template-columns:1fr;border-radius:22px}.subjects-pane{padding:22px}.subjects-pane h3{font-size:23px}.subject-list{margin:17px 0 19px;gap:12px 18px}.subject-list li{font-size:14px}.fees{padding-top:17px;grid-template-columns:1fr 1fr 1fr;gap:12px}.fees dt{font-size:11px}.fees dd{font-size:23px}.fees dd small{font-size:11px}.combos-pane{border-left:0;border-top:1px solid #f4d8e5;padding:20px 22px}.combo-list{gap:11px;margin-top:9px}.combo{padding:14px 16px}.combo h4{font-size:13px}.combo .price{font-size:29px}.combo .period{font-size:11px}.combo-note{font-size:11px;margin-top:11px}.schedule-section{padding:25px 0 29px}.schedule-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.schedule-link{padding:13px 12px;gap:9px;border-radius:15px;min-height:103px}.schedule-link .label{font-size:13px}.schedule-link .label small{font-size:10px}.schedule-link>.icon{width:14px;height:14px;right:10px;top:27px}.grade-number{width:31px;height:36px;border-radius:10px;font-size:21px}.help-row{align-items:flex-start;gap:14px;margin-top:21px;padding-top:19px}.help-row .action{font-size:12px;min-height:44px;padding:11px 16px}.help-row p{font-size:13px}.schedule-hero .hero-inner{padding-block:20px 25px}.back-link{font-size:12px;margin-bottom:19px}.schedule-main{padding-block:21px 30px}.grade-navigation{gap:7px;margin-bottom:20px}.grade-navigation .grade-nav-label{width:100%;font-size:11px;margin-bottom:2px}.grade-navigation a{flex:1;text-align:center;padding:10px 6px;font-size:12px;white-space:nowrap}.schedule-grid,.schedule-grid.six-subjects{grid-template-columns:1fr;gap:14px}.schedule-card-heading{padding:15px 18px}.schedule-card-heading h2{font-size:16px}.sessions{padding:18px 19px}.schedule-notes{display:block;margin-top:19px}.source-pdf{margin-top:12px}.schedule-contact{display:block;padding:21px;margin-top:22px}.schedule-contact h2{font-size:18px}.schedule-contact .action{margin-top:17px;width:100%;font-size:13px}.bottom-back{font-size:12px;margin-top:22px}}
@media(max-width:520px){.wrap{width:calc(100% - 40px)}.header-inner{height:80px}.logo{width:140px}.nav{top:79px;padding-inline:20px}.hero-copy h1{font-size:31px;line-height:1.22;letter-spacing:-.8px;margin-block:8px 11px}.hero-copy h1 span{display:block}.hero-copy>p:last-child{font-size:15px;line-height:1.55}.eyebrow{font-size:10px;letter-spacing:.6px;gap:7px}.eyebrow:before{width:18px}.branch-label{margin-top:14px;padding:7px 11px;font-size:11px}.package-section{padding-block:23px}.section-heading h2{font-size:20px}.category-tabs{padding:4px;gap:3px;border-radius:28px;margin-bottom:15px}.category-tab{font-size:12px;min-height:44px;padding-inline:9px}.subjects-pane{padding:19px}.subjects-pane h3{font-size:22px}.subject-list{margin-block:15px 18px;gap:11px 12px}.subject-list li{font-size:13px;gap:7px}.subject-list .tick{width:20px;height:20px;font-size:12px}.fees{gap:9px;padding-top:16px}.fees dt{font-size:10px}.fees dd{font-size:22px}.combos-pane{padding:18px 19px}.combo{padding:13px 14px;border-radius:14px}.combo .price{font-size:27px}.combo-note{line-height:1.55}.schedule-section{padding-block:24px 27px}.schedule-section .section-heading{margin-bottom:15px}.help-row{display:block}.help-row strong{display:inline;margin-right:4px}.help-row .action{margin-top:13px;min-height:45px}.subject-symbol{min-width:33px;height:33px}.session h3{font-size:16px}.session p{font-size:14px}.schedule-contact p{font-size:13px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero-copy h1{font-size:28px}.breadcrumb{font-size:10px}.subject-list{gap:10px 8px}.subject-list li{font-size:12px}.subjects-pane,.combos-pane{padding-inline:16px}.fees dd{font-size:21px}.combo{padding:12px}.combo .price{font-size:25px}.category-tab{font-size:11px}.schedule-links{gap:8px}.schedule-link{padding:12px 10px}.schedule-link .label{font-size:12px}.schedule-link .label small{font-size:9px}.schedule-link>.icon{right:8px;width:12px}.schedule-card-heading h2{font-size:15px}.session p{font-size:13px}.grade-navigation a{font-size:11px;padding-inline:5px}.back-link{font-size:11px}}
.mobile-branch{display:none}
/* Keep the main package selector short on phones; the full common footer stays intact. */
@media(max-width:680px){.package-section .section-heading p{display:none}.schedule-links{gap:9px}.schedule-link{min-height:52px;padding:13px 10px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:5px}.schedule-link .grade-number,.schedule-link .label small{display:none}.schedule-link>.icon{position:static;width:13px;height:13px}.schedule-link .label{font-size:12px}.combo{padding-block:11px}.combo h4{margin-bottom:4px}.combo .period{margin-top:2px;font-size:10px}}
@media(max-width:520px){.package-hero .branch-label{display:none}.package-hero .mobile-branch{display:inline}.package-hero .hero-copy>p:last-child{font-size:14px}.package-hero .hero-inner{padding-bottom:23px}.package-hero .eyebrow{gap:5px;font-size:9px;letter-spacing:.4px}.schedule-section .help-row p{font-size:12px}.schedule-section .help-row strong{display:block;margin-bottom:3px}.schedule-section .help-row .action{margin-top:11px}}
@media(max-width:680px){.schedule-link{justify-content:center;text-align:center}.schedule-link>.icon{display:none}.schedule-link .label{white-space:nowrap}}
@media(max-width:360px){.schedule-link .label{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}