/* Visual theme recovered from the public live website, 2026-10-09. */
:root{--green:#8fc9a5;--green2:#64ad82;--gold:#a9dcf5;--cream:#f7fcf9;--ink:#183229;--muted:#597066;--line:#cfe4d7;--shadow:0 18px 45px #4f8f6924}
body{background:#f3faf6}.hero{color:var(--ink);background:linear-gradient(135deg,#b9e3c8f2,#8fc9a5e8),repeating-linear-gradient(45deg,#ffffff2b 0 1px,transparent 1px 28px)}.hero h1,.hero p,.green,.green p,.cta,.cta p,.page,.page p{color:var(--ink)}.checks span{background:#ffffff80;border-color:#ffffffaa;color:var(--ink)}em{background:#dff2fc;color:#234d3a}.btn{background:var(--gold);color:#173148}.btn.ghost{background:#fff;color:#315f48}.green,.cta{background:#a9d8ba}.page{background:linear-gradient(135deg,#9fd2b2,#b9e3c8)}footer{background:#83bfa0;color:var(--ink)}footer h3,footer a,.light{color:var(--ink)}.copy{color:#274f3d;border-color:#ffffff70}.priceHead{background:#76b88e}.currencyBox em,.price .btn,.popularBadge{background:#cceeff}.familyOffer{border-color:#cceeff}.chat{background:#64ad82;border-color:#cceeff}
.brand img{width:58px;height:58px;flex:0 0 auto;border-radius:14px;object-fit:cover;border:1px solid var(--line)}.brand.light img{background:#fff}.featurePhoto{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;margin:8px 0 24px;border-radius:14px;box-shadow:0 16px 34px #315f4830}.classPreview{display:block;min-height:0;margin:0;padding:0;overflow:hidden;text-align:left;background:#fff}.classPreview img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.classPreview figcaption{padding:22px 26px}.classPreview h3{margin-bottom:8px}.classPreview p{margin:0;color:var(--muted)}
.thanksDialog{width:min(460px,calc(100% - 32px));padding:34px;border:0;border-radius:18px;text-align:center;color:var(--ink);box-shadow:0 24px 80px #18322945}.thanksDialog::backdrop{background:#18322980;backdrop-filter:blur(4px)}.thanksDialog .thanksIcon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:#b9e3c8;color:#315f48;font-size:34px;font-weight:900}.thanksDialog .btn{min-width:150px;margin-top:10px}
@media(max-width:620px){.brand img{width:46px;height:46px}.classPreview figcaption{padding:18px}.featurePhoto{aspect-ratio:4/3}}
.trial-bg-section{background:linear-gradient(90deg,rgba(247,252,249,.94),rgba(185,227,200,.72)),url('/islamic-learning-bg.webp') center/cover no-repeat}.trial-bg-section::before{background:radial-gradient(circle at 28% 45%,rgba(247,252,249,.94),rgba(223,242,252,.48) 48%,rgba(143,201,165,.35) 100%)}.priceHead h3,.priceHead span{color:var(--ink)}
.stats div b,.stats div span{position:relative;left:-14px}
@media(max-width:620px){.stats div b,.stats div span{left:-7px}}
.course p{color:#315044;font-weight:600}.course span{color:#347b99;font-weight:900}.course b{color:#287b4d;font-weight:900}.course h3{color:#142d24;font-weight:800}
.currencyBox,.currencySelect{border-color:#78c5e9}.currencySelect span{background:#8fd2f2;color:#173148}.currencySelect select{color:#245f7b}.currencySelect select:focus{outline-color:#78c5e9}
.dayPicker{display:flex;flex-wrap:wrap;gap:9px;margin:4px 0 0;padding:14px;border:1px solid #cbd8ce;border-radius:8px}.dayPicker legend{padding:0 7px;font-size:13px;font-weight:900}.dayPicker legend span{color:var(--muted);font-weight:600}.dayPicker label{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:#f7fcf9;cursor:pointer}.dayPicker input{width:auto;margin:0;accent-color:#4ea8d2}.dayPicker label:has(input:checked){border-color:#78c5e9;background:#dff2fc;color:#173148}.form label small{color:var(--muted);font-weight:600}

/* Extend the live palette to the recently added features. */
:root{--text-green:#315f48}
.brand,.stats b,.prose h2,.registration-help,.card span,.country span,.review span,.review strong,.guides span,.cities a,.amount b,.amount small,.amount span,.step b{color:var(--text-green)}
.page h1{color:var(--ink)}.preview i,.registration-perks,.quran-controls,.quran-replay{color:var(--text-green)}
.preview{background:#ffffff55;border-color:#ffffff99;box-shadow:0 24px 60px #315f481c}.quran-replay{border-color:#315f4850}.quran-replay:hover{background:#ffffff66}
.verse-strip{background:#dff2fc;border-color:#c3e2f0;color:#234d3a}.verse-toggle{color:#234d3a;border-color:#83b9cf}
.offer-art{background:radial-gradient(ellipse at top right,#dff2fc88,transparent 65%),#b9e3c8;color:#183229}.offer-note{background:#dff2fc}.offer-close{color:#315f48}.offer-body h2{color:#183229}
.hero::before,.page::before{background:radial-gradient(ellipse at 65% 40%,#dff2fc66,transparent 36%),radial-gradient(ellipse at 25% 70%,#fff9df44,transparent 32%)}
.hero::after,.page::after{border-color:#ffffff55}.brand small{display:none}.brand img{width:54px;height:54px}.country b{background:#b9e3c8;color:#234d3a}.price.pop{box-shadow:0 18px 60px #a9dcf533}.priceHead h3,.priceHead span{color:var(--ink)}
.stats div b,.stats div span{left:0}.currencyBox em{border-color:#78c5e9}.course span{color:#347b99}.form label small{font-size:11px}.dayPicker{min-width:0}.dayPicker label{min-height:44px}.dayPicker input{min-width:18px;width:18px;height:18px}.dayPicker label:has(input:focus-visible){outline:3px solid #347b99;outline-offset:2px}
.thanksDialog h2{font-size:28px}.thanksDialog p{color:var(--muted)}.form :focus-visible,.btn:focus-visible,.quran-replay:focus-visible{outline-color:#347b99}
@media(max-width:620px){.brand img{width:38px;height:38px;border-radius:10px}.dayPicker{gap:6px;padding:10px}.dayPicker label{padding:8px}.dayPicker legend{font-size:12px}.dayPicker legend span{display:block}.thanksDialog{padding:26px}.classPreview figcaption{padding:20px}}