:root{--ct-blue:#315ce8;--ct-navy:#132a4a;--ct-muted:#6f7e92;--ct-paper:#f7f9fc;--ct-line:#dfe6ef;--ct-amber:#f4b556}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ct-paper);color:var(--ct-navy);font-family:'Noto Sans Arabic','Inter',sans-serif}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #f4b556;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}svg{flex-shrink:0}.ct-site{font-family:'Noto Sans Arabic','Inter',sans-serif;line-height:1.8;background:var(--ct-paper);color:var(--ct-navy)}.ct-site[lang=en]{font-family:'Inter','Noto Sans Arabic',sans-serif;line-height:1.65}.ct-wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.ct-skip{position:absolute;top:-70px;background:#fff;padding:12px;z-index:99}.ct-skip:focus{top:5px}.ct-header{border-bottom:1px solid var(--ct-line);background:rgba(247,249,252,.95)}.ct-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:94px}.ct-brand{display:flex;gap:11px;align-items:center;flex-shrink:0;direction:ltr}.ct-brand img{border-radius:10px}.ct-brand>span{font-family:Inter,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.8px;line-height:1.4}.ct-brand small{display:block;font-size:8px;letter-spacing:2.1px;font-weight:600;color:#7185a2;margin-top:4px}.ct-header nav{display:flex;gap:24px;align-items:center;font-size:11px;font-weight:500}.ct-header nav a{padding-block:13px;white-space:nowrap}.ct-header nav a[aria-current=page]{color:var(--ct-blue)}.ct-header-actions{display:flex;gap:17px;align-items:center}.ct-language{font-size:10px;color:var(--ct-muted)}.ct-preply-mini{display:flex;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:var(--ct-blue);background:#e9eefe;padding:9px 15px;border-radius:5px}.ct-hero{display:flex;gap:66px;align-items:center;padding-block:65px 54px}.ct-hero-copy{flex:1.15;min-width:0}.ct-eyebrow{font-family:Inter,'Noto Sans Arabic',sans-serif;font-size:10px;font-weight:600;color:var(--ct-blue);letter-spacing:1.4px;display:flex;align-items:center;gap:9px;line-height:1.8}.ct-eyebrow i{width:6px;height:6px;background:var(--ct-amber);border-radius:50%}.ct-hero h1{font-size:clamp(33px,4vw,49px);font-weight:700;line-height:1.65;letter-spacing:-1.8px;margin-block:20px}.ct-hero h1 em{font-style:normal;color:var(--ct-blue)}.ct-intro{font-size:14px;line-height:2.2;color:var(--ct-muted);max-width:530px}.ct-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.ct-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:600;transition:background .18s,transform .18s;min-height:48px}.ct-primary{background:var(--ct-blue);color:#fff;box-shadow:0 5px 15px #315ce812}.ct-primary:hover{background:#224bcf;transform:translateY(-1px)}.ct-outline{border-color:#d6dfeb;background:transparent;color:#3b5270}.ct-outline:hover{background:#edf2f9}.ct-booking-note{font-size:10px;line-height:2;color:#8c98a9;margin-top:15px}.ct-hero-trust{display:flex;gap:30px;border-top:1px solid var(--ct-line);padding-top:22px;margin-top:27px}.ct-hero-trust>span{font-size:9px;color:#8290a5;display:flex;flex-direction:column;gap:5px}.ct-hero-trust strong{font-family:Inter,sans-serif;color:var(--ct-navy);font-size:24px;letter-spacing:-1px}.ct-hero-visual{flex:1;position:relative;min-width:0;padding-bottom:47px}.ct-lab-image{border-radius:15px;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid #e1e7f0}.ct-visual-label{display:flex;align-items:center;gap:8px;position:absolute;top:18px;left:18px;background:#ffffffca;border:1px solid #ffffffa6;padding:8px 11px;border-radius:4px;font-family:Inter,sans-serif;font-size:8px;letter-spacing:.8px;color:#445e87}.ct-tutor-card{display:flex;align-items:center;gap:17px;position:relative;margin:-30px 22px 0;padding:18px;background:#fff;border:1px solid #e0e6ef;border-radius:8px;box-shadow:0 12px 27px #17294808}.ct-tutor-card>img{width:78px;height:78px;object-fit:cover;border-radius:7px}.ct-tutor-card>div{display:flex;flex-direction:column;gap:5px}.ct-tutor-card strong{font-size:16px;font-weight:600}.ct-tutor-card span{font-size:10px;color:var(--ct-muted)}.ct-tutor-card a{font-size:10px;display:flex;align-items:center;gap:7px;color:var(--ct-blue);margin-top:4px}.ct-credibility{display:flex;border-top:1px solid var(--ct-line);border-bottom:1px solid var(--ct-line);padding-block:25px;gap:55px}.ct-credibility>div{flex:1}.ct-credibility>div+div{border-inline-start:1px solid var(--ct-line);padding-inline-start:50px}.ct-credibility p{font-size:11px;color:var(--ct-muted);margin-top:8px;line-height:2.1}.ct-quizlet{font-family:Inter,sans-serif;display:block;color:#4360b2;font-weight:700;font-size:22px;letter-spacing:-1px}.ct-quizlet small{font-size:12px;letter-spacing:0;font-weight:400;color:var(--ct-muted)}.ct-section{padding-block:65px}.ct-section-title{max-width:690px;margin-bottom:32px}.ct-section-title h2{font-size:30px;line-height:1.8;font-weight:600;letter-spacing:-.7px;margin-top:13px}.ct-section-title>p{font-size:12px;color:var(--ct-muted);line-height:2.2;margin-top:13px}.ct-course-families{display:flex;gap:40px;border-top:1px solid var(--ct-line);padding-top:30px}.ct-course-families article{flex:1}.ct-course-families article+article{border-inline-start:1px solid var(--ct-line);padding-inline-start:35px}.ct-course-index{font-family:Inter,sans-serif;font-size:12px;letter-spacing:1px;color:#94a8d2}.ct-course-families h3{font-size:20px;font-weight:600;margin-top:13px}.ct-course-names{font-family:Inter,sans-serif;display:block;font-size:10px;font-weight:500;color:var(--ct-blue);margin-top:14px;text-align:start}.ct-course-families p{font-size:11px;color:var(--ct-muted);line-height:2.2;margin-top:15px}.ct-course-families a{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--ct-blue);margin-top:21px}.ct-course-rows{border-top:1px solid var(--ct-line)}.ct-course-rows article{display:flex;gap:28px;align-items:center;padding-block:27px;border-bottom:1px solid var(--ct-line)}.ct-course-rows article>div{flex:1}.ct-course-rows h3{font-family:Inter,sans-serif;font-size:20px;font-weight:600;text-align:start}.ct-course-rows p{font-size:11px;color:var(--ct-muted);line-height:2.1;margin-top:10px}.ct-course-rows a{font-size:11px;color:var(--ct-blue);display:flex;gap:8px;align-items:center;white-space:nowrap}.ct-preply-section{background:#edf2fc;border-block:1px solid #e1e8f5}.ct-preply-inner{display:flex;align-items:center;gap:90px;padding-block:48px}.ct-preply-inner>div:first-child{flex:1.7}.ct-preply-inner h2{font-size:31px;font-weight:600;margin-top:13px}.ct-preply-inner p{font-size:12px;line-height:2.2;color:#6b7e99;margin-block:17px 23px;max-width:670px}.ct-preply-word{flex:1;font-family:Inter,sans-serif;font-size:69px;font-weight:800;letter-spacing:-4px;color:#3951a5;text-align:center}.ct-preply-word span{display:block;font-family:'Noto Sans Arabic',Inter,sans-serif;font-size:11px;font-weight:400;letter-spacing:0;margin-top:14px;color:#7b8caf}.ct-method-steps{display:flex;gap:40px}.ct-method-steps article{flex:1}.ct-method-steps article>span{font-family:Inter,sans-serif;color:var(--ct-blue);font-size:13px;display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid #d2def7;border-radius:50%;background:#edf2fd}.ct-method-steps h3{font-size:17px;font-weight:600;margin-top:19px}.ct-method-steps p{font-size:11px;color:var(--ct-muted);line-height:2.2;margin-top:12px}.ct-school-banner{display:flex;align-items:center;gap:23px;border:1px solid var(--ct-line);border-radius:8px;padding:30px;background:#fff}.ct-school-banner>svg{color:var(--ct-blue)}.ct-school-banner>div{flex:1}.ct-school-banner h2{font-size:20px;font-weight:600}.ct-school-banner p{font-size:11px;color:var(--ct-muted);margin-top:10px}.ct-school-banner a{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--ct-blue);white-space:nowrap}.ct-school-columns{display:flex;gap:45px}.ct-school-columns>div{flex:1;border-top:2px solid var(--ct-blue);padding-top:22px}.ct-school-columns h3{font-size:22px;font-weight:600}.ct-school-columns p{font-size:12px;color:var(--ct-muted);line-height:2;margin-block:14px 20px}.ct-school-columns a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ct-line);padding-block:16px;font-size:13px;color:#4a6290}.ct-school-columns small{display:block;font-size:10px;line-height:2.2;color:var(--ct-muted);margin-top:20px}.ct-faq{display:flex;gap:70px}.ct-faq>.ct-section-title{flex:1}.ct-faq>div:last-child{flex:1.3}.ct-faq details{border-bottom:1px solid var(--ct-line)}.ct-faq summary{list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:13px;font-weight:500;cursor:pointer;padding-block:20px}.ct-faq summary::-webkit-details-marker{display:none}.ct-faq details[open] summary>svg{transform:rotate(180deg)}.ct-faq details p{font-size:11px;line-height:2.3;color:var(--ct-muted);padding-bottom:20px}.ct-final-cta{text-align:center;border-top:1px solid var(--ct-line);padding-block:47px 60px}.ct-final-cta>.ct-eyebrow{justify-content:center}.ct-final-cta h2{font-size:31px;font-weight:600;line-height:1.8;margin-top:19px}.ct-final-cta p{font-size:12px;color:var(--ct-muted);margin-top:12px}.ct-final-cta>div{display:flex;justify-content:center;gap:12px;margin-top:25px}.ct-footer{display:flex;align-items:center;gap:25px;justify-content:space-between;border-top:1px solid var(--ct-line);padding-block:26px 34px}.ct-footer>.ct-brand>span{font-size:15px}.ct-footer p{font-size:9px;color:var(--ct-muted)}.ct-footer>div{display:flex;gap:20px;font-size:9px;color:#7c8ba4}.ct-footer>div a{display:flex;gap:6px;align-items:center}.ct-site[lang=en] .ct-hero h1{font-size:clamp(34px,4vw,49px);line-height:1.3;letter-spacing:-1.8px}.ct-site[lang=en] .ct-intro{line-height:1.8}.ct-site[lang=en] .ct-section-title h2{line-height:1.5}.ct-site[lang=en] .ct-hero-visual{order:-1}
@media(max-width:1050px){.ct-header-inner{gap:15px}.ct-header nav{gap:14px;font-size:10px}.ct-brand>span{font-size:18px}.ct-hero{gap:35px}.ct-hero-trust{gap:22px}.ct-preply-inner{gap:45px}.ct-preply-word{font-size:57px}.ct-footer{flex-wrap:wrap}}
@media(max-width:800px){.ct-wrap{width:calc(100% - 40px)}.ct-header-inner{flex-wrap:wrap;padding-block:18px 12px}.ct-header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--ct-line);padding-top:8px;gap:10px}.ct-header nav a{padding-block:8px}.ct-header-actions{margin-inline-start:auto}.ct-hero{gap:28px;flex-direction:column;padding-block:35px 22px;align-items:stretch}.ct-hero h1{font-size:35px;line-height:1.7}.ct-hero-visual{width:min(520px,100%);margin:auto;padding-bottom:12px}.ct-site[lang=en] .ct-hero-visual{order:0}.ct-hero-trust{gap:40px}.ct-hero-actions .ct-button{font-size:11px;padding:12px 16px}.ct-credibility{gap:23px;padding-block:23px}.ct-credibility>div+div{padding-inline-start:23px}.ct-credibility p{font-size:10px}.ct-eyebrow{font-size:9px;letter-spacing:1px}.ct-section{padding-block:43px}.ct-section-title h2{font-size:25px}.ct-course-families{flex-direction:column;gap:24px;padding-top:24px}.ct-course-families article+article{border-inline-start:0;padding-inline-start:0;border-top:1px solid var(--ct-line);padding-top:24px}.ct-course-families h3{margin-top:8px}.ct-course-families p{margin-top:10px}.ct-course-families a{margin-top:13px}.ct-preply-inner{padding-block:34px;gap:20px}.ct-preply-word{font-size:45px;letter-spacing:-2px}.ct-preply-word span{font-size:9px}.ct-preply-inner h2{font-size:24px}.ct-method-steps{gap:23px}.ct-method-steps h3{font-size:14px}.ct-method-steps p{font-size:10px}.ct-school-banner{flex-wrap:wrap;gap:15px;padding:22px}.ct-school-banner>svg{display:none}.ct-school-banner>div{flex-basis:100%}.ct-school-banner h2{font-size:20px}.ct-faq{display:block}.ct-faq>.ct-section-title{margin-bottom:12px}.ct-faq summary{font-size:12px}.ct-final-cta h2{font-size:25px}.ct-final-cta>div{flex-wrap:wrap}.ct-footer{gap:18px}.ct-footer p{flex-basis:100%;order:3}.ct-footer>div{flex-wrap:wrap;gap:13px}.ct-school-columns{gap:24px}.ct-course-rows article{gap:16px;flex-wrap:wrap}.ct-course-rows article>div{flex-basis:calc(100% - 55px)}.ct-course-rows a{margin-inline-start:42px}.ct-course-rows h3{font-size:17px}}
@media(max-width:480px){.ct-brand>span{font-size:17px}.ct-brand{gap:7px}.ct-brand img{width:35px;height:35px}.ct-brand small{font-size:7px;letter-spacing:1.4px}.ct-preply-mini{padding:8px 10px;font-size:11px}.ct-header-actions{gap:11px}.ct-header nav{font-size:9px;gap:7px}.ct-hero h1{font-size:31px;letter-spacing:-1.1px}.ct-hero-actions{gap:9px}.ct-hero-trust{justify-content:space-between;gap:12px}.ct-hero-trust strong{font-size:23px}.ct-hero-trust>span{font-size:8px}.ct-tutor-card{margin-inline:13px;padding:14px;gap:12px}.ct-tutor-card>img{width:66px;height:66px}.ct-tutor-card strong{font-size:14px}.ct-visual-label{font-size:7px;padding:7px;top:12px;left:12px}.ct-credibility{display:block}.ct-credibility>div+div{border-inline-start:0;padding-inline-start:0;border-top:1px solid var(--ct-line);margin-top:17px;padding-top:17px}.ct-preply-inner{display:block}.ct-preply-word{display:none}.ct-method-steps{display:block}.ct-method-steps article+article{margin-top:26px}.ct-method-steps h3{font-size:17px;display:inline-block;margin-inline-start:12px;margin-top:0}.ct-method-steps p{font-size:11px;margin-inline-start:53px;margin-top:6px}.ct-school-columns{display:block}.ct-school-columns>div+div{margin-top:30px}.ct-section-title h2{font-size:23px}.ct-final-cta h2{font-size:23px}.ct-final-cta{padding-bottom:42px}.ct-footer{display:block}.ct-footer>div{margin-top:18px}.ct-footer p{margin-top:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* The real teacher's portrait is the primary visual, never a generated face. */
.ct-hero-visual { max-width:435px; }
.ct-lab-image { aspect-ratio:1/1; object-fit:contain; }
@media(max-width:800px){.ct-hero-visual{max-width:400px;}}

.ct-brand-symbol{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#e9effd;color:#315ce8;flex-shrink:0;overflow:hidden}
.ct-brand-symbol img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}

/* Clear actions and comfortable reading: Chemistry Tutor, 2026-10-04. */
:root { --ct-muted: #45566f; }
.ct-site { font-size: 16px; font-weight: 500; }
.ct-site h1, .ct-site h2, .ct-site h3 { font-weight: 800; }
.ct-site .ct-hero h1 { font-weight: 800; }
.ct-site .ct-intro { font-size: 17px; font-weight: 500; line-height: 2; color: #344961; }
.ct-site .ct-section-title > p, .ct-site .ct-course-families p,
.ct-site .ct-course-rows p, .ct-site .ct-preply-inner p,
.ct-site .ct-method-steps p, .ct-site .ct-school-banner p,
.ct-site .ct-school-columns p, .ct-site .ct-final-cta p,
.ct-site .ct-faq details p, .ct-site .ct-credibility p { font-size: 16px; color: #45566f; line-height: 1.95; }
.ct-site .ct-section-title h2, .ct-site .ct-preply-inner h2,
.ct-site .ct-final-cta h2 { font-weight: 800; }
.ct-site .ct-course-families h3, .ct-site .ct-method-steps h3,
.ct-site .ct-school-banner h2, .ct-site .ct-school-columns h3 { font-weight: 750; }
.ct-site .ct-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .8px; }
.ct-site .ct-booking-note, .ct-site .ct-hero-trust > span,
.ct-site .ct-tutor-card span, .ct-site .ct-footer p,
.ct-site .ct-school-columns small { font-size: 13px; color: #45566f; }
.ct-site .ct-course-names { font-size: 14px; font-weight: 650; }
.ct-site .ct-header-inner { flex-wrap: wrap; gap: 16px; padding-block: 16px; }
.ct-site .ct-header nav { gap: 8px; flex-wrap: wrap; }
.ct-site .ct-header nav a, .ct-site .ct-language,
.ct-site .ct-preply-mini { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 14px; border: 1.5px solid #b6c6dc; border-radius: 10px; background: #fff; color: #132a4a; font-size: 14px; font-weight: 700; cursor: pointer; transition: background .18s, border-color .18s, box-shadow .18s; }
.ct-site .ct-header nav a:hover, .ct-site .ct-language:hover { background: #eaf0ff; border-color: #315ce8; }
.ct-site .ct-header nav a[aria-current=page], .ct-site .ct-preply-mini { background: #315ce8; border-color: #315ce8; color: #fff; }
.ct-site .ct-preply-mini:hover { background: #224bcf; }
.ct-site .ct-header-actions { gap: 10px; }
.ct-site .ct-button { min-height: 54px; padding: 13px 22px; border: 2px solid; border-radius: 11px; font-size: 16px; font-weight: 750; line-height: 1.6; text-align: center; cursor: pointer; box-shadow: 0 3px 8px #132a4a0d; }
.ct-site .ct-primary { background: #315ce8; border-color: #315ce8; color: #fff; box-shadow: 0 6px 16px #315ce830; }
.ct-site .ct-primary:hover { background: #224bcf; border-color: #224bcf; }
.ct-site .ct-outline { background: #fff; border-color: #91a6c4; color: #132a4a; }
.ct-site .ct-outline:hover { background: #eaf0ff; border-color: #315ce8; }
.ct-site .ct-diagnostic { background: #132a4a; border-color: #132a4a; color: #fff; }
.ct-site .ct-diagnostic:hover { background: #244363; border-color: #244363; }
.ct-site .ct-hero-actions { gap: 12px; }
.ct-site .ct-hero-hint { margin-top: 14px; font-size: 14px; font-weight: 600; color: #344961; line-height: 1.9; }
.ct-site .ct-course-families a, .ct-site .ct-course-rows a,
.ct-site .ct-school-banner a, .ct-site .ct-school-columns a,
.ct-site .ct-tutor-card a { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; max-width: 100%; padding: 10px 15px; border: 1.5px solid #aabdd8; border-radius: 9px; background: #fff; color: #244bbd; font-size: 14px; font-weight: 700; line-height: 1.6; white-space: normal; text-align: center; }
.ct-site .ct-school-columns a { display: flex; justify-content: space-between; margin-top: 10px; }
.ct-site .ct-course-families a:hover, .ct-site .ct-course-rows a:hover,
.ct-site .ct-school-banner a:hover, .ct-site .ct-school-columns a:hover,
.ct-site .ct-tutor-card a:hover { border-color: #315ce8; background: #eaf0ff; }
.ct-site .ct-faq summary { font-size: 16px; font-weight: 700; }
.ct-site .ct-footer > div { font-size: 13px; color: #344961; }
.ct-site .ct-footer a:not(.ct-brand):hover { text-decoration: underline; text-underline-offset: 4px; }
.ct-site a:focus-visible, .ct-site summary:focus-visible { outline: 3px solid #315ce8; outline-offset: 4px; box-shadow: 0 0 0 7px #fff; }
.ct-site .ct-primary:focus-visible, .ct-site .ct-diagnostic:focus-visible { outline-color: #c77b0c; }
@media (max-width: 1100px) {
  .ct-site .ct-header nav { order: 3; width: 100%; justify-content: center; }
}
@media (max-width: 800px) {
  .ct-site .ct-header nav { justify-content: center; padding-top: 12px; }
  .ct-site .ct-hero-actions .ct-button { font-size: 16px; padding: 13px 18px; }
  .ct-site .ct-hero-copy { width: 100%; }
  .ct-site .ct-hero h1 { font-weight: 800; letter-spacing: -.8px; }
}
@media (max-width: 520px) {
  .ct-site .ct-header nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .ct-site .ct-header nav a { white-space: normal; font-size: 13px; padding: 10px 8px; }
  .ct-site .ct-header-actions { margin-inline-start: 0; }
  .ct-site .ct-language, .ct-site .ct-preply-mini { font-size: 13px; padding: 8px 11px; }
  .ct-site .ct-brand > span { font-size: 17px; }
  .ct-site .ct-header-inner { gap: 12px; }
  .ct-site .ct-hero-actions, .ct-site .ct-final-cta > div { flex-direction: column; align-items: stretch; }
  .ct-site .ct-hero-actions .ct-button, .ct-site .ct-final-cta .ct-button { width: 100%; }
  .ct-site .ct-button { font-size: 16px; }
  .ct-site .ct-school-banner a { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .ct-site a { transition: none; }
}