/* AYOLES.ID V3.4.6 — Academic visual correction and pricing redesign */
:root{--a-blue:#125BCD;--a-navy:#10346E;--a-yellow:#FFC107;--a-softblue:#EAF2FF;--a-softyellow:#FFF8DD;--a-muted:#526A88}

/* Cache-busting stylesheet: intentionally self-contained for academic pages. */
.academicLanding .heroVisual{border-radius:30px;overflow:hidden;box-shadow:0 22px 55px rgba(16,52,110,.16)}
.academicLanding .heroVisual img{width:100%;height:430px;object-fit:cover;object-position:center center;display:block}
.academicLanding.bimbelOverview .heroVisual img{object-position:center 55%}

/* Learning mode — strong visual separation */
.academicLanding .modeSection{background:linear-gradient(180deg,#eef5ff 0%,#f8fbff 100%)!important;border-top:1px solid #d7e6fa;border-bottom:1px solid #d7e6fa}
.academicLanding .modeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.academicLanding .modeCard{min-height:440px!important;border:0!important;border-radius:28px!important;padding:34px!important;display:flex;flex-direction:column;box-shadow:0 20px 48px rgba(16,52,110,.16)!important}
.academicLanding .modeCard.online{background:linear-gradient(145deg,#125BCD 0%,#0d469f 100%)!important;color:#fff!important}
.academicLanding .modeCard.offline{background:linear-gradient(145deg,#FFC107 0%,#F2AA00 100%)!important;color:#17345e!important}
.academicLanding .modeCard.online>span,.academicLanding .modeCard.online h3,.academicLanding .modeCard.online p,.academicLanding .modeCard.online li{color:#fff!important}
.academicLanding .modeCard.offline>span{color:#6b4c00!important}.academicLanding .modeCard.offline h3{color:#17345e!important}.academicLanding .modeCard.offline p,.academicLanding .modeCard.offline li{color:#3f516b!important}
.academicLanding .modeIcon{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;font-size:31px;margin-bottom:20px;background:rgba(255,255,255,.18)!important}
.academicLanding .modeCard.offline .modeIcon{background:rgba(255,255,255,.48)!important}
.academicLanding .modeCard ul{flex:1;margin:10px 0 0;line-height:1.85}
.academicLanding .modePriceBtn{width:100%!important;min-width:0!important;margin-top:24px!important;padding:14px 18px!important;border:0!important;border-radius:13px!important;font-weight:900!important;justify-content:center!important;text-align:center}
.academicLanding .modeCard.online .modePriceBtn{background:#fff!important;color:#125BCD!important}
.academicLanding .modeCard.offline .modePriceBtn{background:#10346E!important;color:#fff!important}

/* Bimbel offline pricing */
.academicLanding .pricingSection{background:linear-gradient(180deg,#fff8dc 0%,#fffdf6 100%)!important;border-top:1px solid #f2dda0;border-bottom:1px solid #f2dda0}
.academicLanding .bimbelPriceGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.academicLanding .bimbelPriceCard{position:relative;overflow:hidden;min-height:330px;padding:25px!important;border:0!important;border-radius:24px!important;box-shadow:0 16px 36px rgba(16,52,110,.11)!important}
.academicLanding .bimbelPriceCard:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:#125BCD}
.academicLanding .bimbelPriceCard:nth-child(3n+1){background:linear-gradient(145deg,#fff,#eaf2ff)!important}
.academicLanding .bimbelPriceCard:nth-child(3n+1):before{background:#125BCD}
.academicLanding .bimbelPriceCard:nth-child(3n+2){background:linear-gradient(145deg,#fffdf0,#fff1bd)!important}
.academicLanding .bimbelPriceCard:nth-child(3n+2):before{background:#FFC107}
.academicLanding .bimbelPriceCard:nth-child(3n){background:linear-gradient(145deg,#eef5ff,#dbe9ff)!important}
.academicLanding .bimbelPriceCard:nth-child(3n):before{background:#10346E}
.academicLanding .bimbelPriceCard>span{font-size:17px;color:#10346E!important}
.academicLanding .bimbelPriceCard>strong{font-size:32px!important;color:#125BCD!important;margin-top:14px!important}
.academicLanding .bimbelPriceCard>small{color:#5b6f89!important}
.academicLanding .bimbelPriceCard>div b{background:rgba(255,255,255,.72)!important;color:#3f5876!important;border:1px solid rgba(16,52,110,.07)}
.academicLanding .bimbelPriceCard .btn{margin-top:auto!important;width:100%;justify-content:center}
.academicLanding .offlinePriceCta,.academicLanding .onlineSectionCta{margin-top:24px!important;border-radius:22px!important}

/* Online bimbel pricing cards */
.academicLanding .onlinePricing{background:linear-gradient(180deg,#eaf2ff 0%,#f8fbff 65%,#fff 100%)!important}
.academicLanding .onlinePriceGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.academicLanding .onlinePriceCard{position:relative;overflow:hidden;min-height:320px;padding:25px!important;border:0!important;border-radius:24px!important;box-shadow:0 16px 36px rgba(16,52,110,.11)!important}
.academicLanding .onlinePriceCard:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:#125BCD}
.academicLanding .onlinePriceCard:nth-child(3n+1){background:linear-gradient(145deg,#fff,#eaf2ff)!important}
.academicLanding .onlinePriceCard:nth-child(3n+1):before{background:#125BCD}
.academicLanding .onlinePriceCard:nth-child(3n+2){background:linear-gradient(145deg,#fffdf0,#fff1bd)!important}
.academicLanding .onlinePriceCard:nth-child(3n+2):before{background:#FFC107}
.academicLanding .onlinePriceCard:nth-child(3n){background:linear-gradient(145deg,#eef5ff,#dbe9ff)!important}
.academicLanding .onlinePriceCard:nth-child(3n):before{background:#10346E}
.academicLanding .onlinePriceCard .onlineIcon{width:50px;height:50px;border-radius:15px;background:rgba(255,255,255,.75)!important}
.academicLanding .onlinePriceCard h3{font-size:20px!important;color:#10346E!important}
.academicLanding .onlinePriceCard .price{font-size:32px!important;color:#125BCD!important}
.academicLanding .onlinePriceCard ul{margin-top:auto!important}

/* Online media/platforms — separate chips */
.academicLanding .onlinePlatform{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:22px!important;align-items:center!important;padding:23px 25px!important;border-radius:22px!important;background:#10346E!important;color:#fff!important}
.academicLanding .onlinePlatform strong{display:block;color:#fff!important;font-size:18px!important;margin-bottom:5px}
.academicLanding .onlinePlatform span{display:block;color:#dbe8ff!important;line-height:1.5}
.academicLanding .onlinePlatform .platformTags{display:flex!important;flex-wrap:wrap!important;gap:9px!important;justify-content:flex-end!important;max-width:560px!important}
.academicLanding .onlinePlatform .platformTags b{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:8px 12px!important;border-radius:999px!important;background:#fff!important;color:#10346E!important;white-space:nowrap!important;font-size:12px!important;font-weight:900!important}

/* Private online calculator — clean, card-based layout */
.academicLanding .onlinePrivateSection .onlineIntro{text-align:left!important;max-width:900px!important;margin-left:0!important;margin-right:0!important}
.academicLanding .onlinePrivateCalculator{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important;gap:24px!important;padding:26px!important;border-radius:28px!important;background:#fff!important;border:1px solid #d5e4f7!important;box-shadow:0 20px 48px rgba(16,52,110,.11)!important}
.academicLanding .onlineCalcControls{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;align-content:start!important}
.academicLanding .onlineCalcControls label{display:block!important;padding:15px 16px!important;border-radius:16px!important;background:#f7faff!important;border:1px solid #dbe8f8!important;color:#10346E!important;font-size:13px!important;font-weight:900!important;line-height:1.4!important}
.academicLanding .onlineCalcControls label:last-child{grid-column:1/-1}
.academicLanding .onlineCalcControls select{display:block!important;width:100%!important;margin-top:9px!important;padding:13px 14px!important;border:1px solid #c9daee!important;border-radius:12px!important;background:#fff!important;color:#29466c!important;font:inherit!important;box-sizing:border-box!important}
.academicLanding .onlineCalcResult{background:linear-gradient(145deg,#10346E,#125BCD)!important;border-radius:24px!important;color:#fff!important;padding:27px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;box-shadow:0 15px 35px rgba(16,52,110,.18)!important}
.academicLanding .onlineCalcResult>span{font-size:13px!important;color:#dbe8ff!important;font-weight:800!important}
.academicLanding .onlineCalcResult>strong{font-size:38px!important;line-height:1.05!important;margin:9px 0!important;color:#fff!important}
.academicLanding .onlineCalcResult>small{color:#dbe8ff!important}
.academicLanding .onlineCalcResult #onlineCalcSummary{display:grid!important;gap:8px!important;margin:18px 0!important;padding-top:15px!important;border-top:1px solid rgba(255,255,255,.2)!important;font-size:12px!important;color:#e3edfb!important}
.academicLanding .onlineCalcResult #onlineCalcSummary span{display:block!important;line-height:1.5!important}
.academicLanding .onlineCalcResult #onlineCalcSummary b{color:#fff!important}
.academicLanding .onlineCalcActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
.academicLanding .onlineCalcActions .btn{min-width:0!important;text-align:center!important;justify-content:center!important}
.academicLanding .onlineCalcActions .btn.primary{background:#FFC107!important;color:#17345e!important}
.academicLanding .onlineCalcActions .btn.light{background:#fff!important;color:#10346E!important}
.academicLanding .onlineRuleStrip{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:10px!important;margin-top:18px!important}
.academicLanding .onlineRuleStrip div{min-height:76px!important;padding:13px!important;border-radius:15px!important;background:#fff!important;border:1px solid #dce8f8!important;box-shadow:0 7px 18px rgba(16,52,110,.05)!important}

/* Private offline calculator */
.academicLanding .privatePricing{background:linear-gradient(180deg,#fff8dc 0%,#fffdf6 100%)!important}
.academicLanding .privateCalculator{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important;gap:24px!important;padding:26px!important;border-radius:28px!important;background:#fff!important;border:1px solid #eadca9!important;box-shadow:0 20px 48px rgba(16,52,110,.10)!important}
.academicLanding .calcControls{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}
.academicLanding .calcControls label{display:block!important;padding:15px 16px!important;border-radius:16px!important;background:#fffdf4!important;border:1px solid #f1e2af!important;color:#10346E!important;font-weight:900!important;font-size:13px!important}
.academicLanding .calcControls select{display:block!important;width:100%!important;margin-top:9px!important;padding:13px 14px!important;border:1px solid #d8c98f!important;border-radius:12px!important;background:#fff!important;color:#29466c!important;font:inherit!important;box-sizing:border-box!important}
.academicLanding .calcResult{border-radius:24px!important;background:linear-gradient(145deg,#10346E,#125BCD)!important;color:#fff!important;padding:27px!important;box-shadow:0 15px 35px rgba(16,52,110,.18)!important}
.academicLanding .calcResult strong{color:#fff!important}
.academicLanding .priceMatrix .matrixGrid{gap:18px!important}
.academicLanding .priceMatrix article{border:0!important;border-radius:22px!important;box-shadow:0 12px 30px rgba(16,52,110,.08)!important}
.academicLanding .priceMatrix article:nth-child(1){background:#eaf2ff!important}
.academicLanding .priceMatrix article:nth-child(2){background:#fff8dd!important}
.academicLanding .priceMatrix article:nth-child(3){background:#dfeaff!important}

/* Education category cards */
.v31ChoiceCard.bimbelChoice{background:linear-gradient(145deg,#125BCD,#0e469f)!important;color:#fff!important;border:0!important;box-shadow:0 20px 42px rgba(18,91,205,.22)!important}
.v31ChoiceCard.privatChoice{background:linear-gradient(145deg,#FFC107,#F0A900)!important;color:#17345e!important;border:0!important;box-shadow:0 20px 42px rgba(240,169,0,.22)!important}
.v31ChoiceCard.bimbelChoice strong,.v31ChoiceCard.bimbelChoice small,.v31ChoiceCard.bimbelChoice span{color:#fff!important}
.v31ChoiceCard.privatChoice strong{color:#17345e!important}

/* About page */
body:not(.academicLanding) .aboutLongCopy{max-width:920px}

@media(max-width:1000px){
 .academicLanding .bimbelPriceGrid,.academicLanding .onlinePriceGrid{grid-template-columns:1fr 1fr}
 .academicLanding .onlinePrivateCalculator,.academicLanding .privateCalculator{grid-template-columns:1fr}
 .academicLanding .onlineRuleStrip{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:680px){
 .academicLanding .heroVisual img{height:310px}
 .academicLanding .modeGrid,.academicLanding .bimbelPriceGrid,.academicLanding .onlinePriceGrid{grid-template-columns:1fr}
 .academicLanding .modeCard{min-height:0!important;padding:25px!important}
 .academicLanding .bimbelPriceCard,.academicLanding .onlinePriceCard{min-height:0}
 .academicLanding .onlinePlatform{grid-template-columns:1fr!important}
 .academicLanding .onlinePlatform .platformTags{justify-content:flex-start!important;max-width:none!important;margin-top:12px}
 .academicLanding .onlinePlatform .platformTags b{white-space:normal!important;text-align:center}
 .academicLanding .onlineCalcControls,.academicLanding .calcControls{grid-template-columns:1fr!important}
 .academicLanding .onlineCalcControls label:last-child{grid-column:auto}
 .academicLanding .onlineCalcActions{grid-template-columns:1fr!important}
 .academicLanding .onlineRuleStrip{grid-template-columns:1fr 1fr!important}
 .academicLanding .onlinePrivateCalculator,.academicLanding .privateCalculator{padding:18px!important}
 .academicLanding .onlineCalcResult>strong{font-size:32px!important}
}