@layer at-learn-utility {
/* Only the independent website checkout, never provider/payment forms or game. */
#monthly-price-card .at-offer-price{gap:18px!important;align-items:center!important;flex-wrap:wrap}
#monthly-price-card .at-offer-price strong{font-size:clamp(46px,8vw,76px)!important;font-weight:800!important;line-height:1.1!important;color:#ffd98e!important;letter-spacing:-.05em}
#monthly-price-card .at-offer-price s{font-size:24px!important;text-decoration-thickness:3px!important;text-decoration-color:#ffd98e!important}
body[data-checkout-motion=on] #monthly-price-card .at-offer-price strong,body[data-checkout-motion=on] .sc-balance-payable{animation:sc-checkout-light 3.2s ease-in-out infinite!important}
@keyframes sc-checkout-light{0%,100%{text-shadow:0 0 7px #ffd27b40,0 0 18px #ffd27b20}50%{text-shadow:0 0 13px #ffd27b90,0 0 35px #ffc45765}}
#checkout>button[type=submit]{background:linear-gradient(115deg,#ffe3a2,#f2b75c 70%,#ffdc92)!important;color:#12382f!important;border:1px solid #ffe3a2!important;font-weight:800!important;box-shadow:0 7px 22px #061b2b30}
#referral-checkout{border:1px solid #a78751!important;border-radius:12px!important;padding:18px!important}
#referral-checkout legend{font-weight:700;padding:0 8px}
#referral-checkout dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:20px 0 10px}
#referral-checkout dt,#referral-checkout dd{margin:0!important;font-size:17px!important;line-height:1.5!important}
#referral-checkout dd{text-align:right;font-variant-numeric:tabular-nums}
#referral-checkout .sc-balance-payable{font-size:27px!important;font-weight:800;color:#ffd98e!important}
#referral-checkout .sc-balance p{font-size:15px!important}
#checkout-glow{background:transparent!important;border:1px solid #86958b!important;border-radius:6px!important;padding:9px 13px!important;font-size:14px!important;cursor:pointer;color:inherit!important;width:auto!important;min-height:40px}
@media(prefers-reduced-motion:reduce){#monthly-price-card .at-offer-price strong,.sc-balance-payable{animation:none!important;text-shadow:none!important}}
body[data-checkout-motion=off] #monthly-price-card .at-offer-price strong,body[data-checkout-motion=off] .sc-balance-payable{animation:none!important;text-shadow:none!important}
#monthly-price-card,#referral-checkout{background:#123d32!important;color:#fff8e8!important;border:1px solid #b28a4a!important;border-radius:12px!important}
#monthly-price-card p,#referral-checkout :is(p,dt,label,dd){color:#fff8e8!important}
#referral-checkout legend{color:#ffdb95!important;background:#123d32;padding:3px 9px;border-radius:5px}
#referral-checkout a{color:#ffdb95!important}
#referral-checkout .sc-balance-payable{color:#ffd98e!important}
@media(max-width:600px){#referral-checkout{padding:14px!important}#referral-checkout dl{grid-template-columns:minmax(65px,1fr) auto;gap:10px}#referral-checkout dt{font-size:14px!important;white-space:nowrap}#referral-checkout dd{font-size:16px!important}#referral-checkout .sc-balance-payable{font-size:22px!important}}
body#at-learn-site #referral-checkout :is(p,label,dt,dd,span){color:#fff8e8!important}
body#at-learn-site #referral-checkout .sc-balance-payable{color:#ffd98e!important}
body#at-learn-site #referral-checkout a{color:#ffdb95!important}
body#at-learn-site #monthly-price-card :is(p,span,output){color:#fff8e8!important}
body#at-learn-site #monthly-price-card .at-offer-price strong{color:#ffd98e!important}
body#at-learn-site #checkout>button[type=submit]{background:linear-gradient(115deg,#ffe3a2,#f2b75c 70%,#ffdc92)!important;color:#12382f!important}

}

/* Ordinary, preserved and balance-credit prices are not timed discounts. */
.at-monthly-offer:not(.at-offer-active) .at-offer-price strong,.sc-balance-payable{animation:none!important;text-shadow:none!important}
.at-monthly-offer[data-price-motion=off] .at-offer-price strong{animation:none!important;text-shadow:none!important}
@layer at-learn-utility {
/* Existing utility layer has important rules; keep the pause gate in that layer. */
body #monthly-price-card:not(.at-offer-active) .at-offer-price strong,
body #monthly-price-card[data-price-motion=off] .at-offer-price strong{animation:none!important;text-shadow:none!important}
@media(max-width:600px){#monthly-price-card .at-offer-price strong{font-size:clamp(28px,7.5vw,38px)!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}}
}

@layer at-learn-utility {
/* The checkout forces light foregrounds; keep the timer background dark in both colour schemes. */
body#at-learn-site #monthly-price-card .at-offer-timer{background:#192b48!important;border-color:#9486bf!important}
}

@layer at-learn-utility {
body#at-learn-site #monthly-price-card .at-offer-price s{color:#c8d3e5!important}
}