@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');

:root{--paper:#fffdf6;--paper-2:#f6f1e7;--ink:#173c3b;--muted:#607270;--teal:#0f766e;--teal-dark:#09534f;--teal-light:#dff1e9;--coral:#fb7185;--coral-soft:#ffe0df;--yellow:#f6c84c;--line:#d9e4dd;--white:#fff;--shadow:0 22px 60px rgba(21,63,59,.11);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Tajawal',sans-serif;line-height:1.7;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;z-index:-1;background-image:radial-gradient(#0f766e .55px,transparent .55px);background-size:17px 17px}a{color:inherit;text-decoration:none}button{font:inherit}.top-note{height:34px;padding:0 5.5vw;background:var(--teal-dark);color:#d4eee6;display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.04em}.top-note-dot{width:5px;height:5px;background:var(--coral);border-radius:50%}.site-header{width:min(1280px,89%);height:86px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:10px;flex:none}.brand-mark{display:grid;place-items:center;width:41px;height:41px;color:var(--teal)}.brand-mark svg{width:100%;height:100%}.brand-copy{display:flex;flex-direction:column;line-height:1.12}.brand-copy strong{font-size:22px;letter-spacing:-.05em;font-weight:900;direction:ltr}.brand-copy small{font-size:9px;color:var(--muted);letter-spacing:.04em;margin-top:4px;direction:ltr}.site-nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#526967}.nav-link{position:relative;padding:8px 0;transition:color .25s}.nav-link:after{content:"";position:absolute;bottom:0;right:0;width:0;height:2px;background:var(--coral);transition:width .25s}.nav-link:hover,.nav-link.active{color:var(--teal-dark)}.nav-link:hover:after,.nav-link.active:after{width:100%}.header-cta{font-size:13px;font-weight:700;color:var(--teal-dark);border:1px solid #afd4c7;border-radius:999px;padding:8px 16px;white-space:nowrap;transition:.25s}.header-cta:hover{background:var(--teal);color:white;transform:translateY(-2px)}.header-cta span{color:var(--coral);margin-right:5px}.menu-toggle{display:none;background:none;border:0;color:var(--teal-dark);font-size:13px;cursor:pointer}.menu-toggle span{font-size:17px;margin-right:5px}.section-shell{width:min(1160px,89%);margin:0 auto}.hero{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center;min-height:630px;padding:90px 0 108px}.hero-copy{padding-top:12px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--teal);font-size:12px;font-weight:700;margin-bottom:22px}.eyebrow-line{display:inline-block;width:30px;height:2px;background:var(--coral)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,78px);line-height:1.12;letter-spacing:-.07em;margin:0 0 24px;max-width:650px;font-weight:900}h1 em{color:var(--coral);font-style:normal;position:relative;white-space:nowrap}h1 em:after{content:"";position:absolute;height:10px;bottom:0;right:0;left:0;background:var(--yellow);opacity:.55;z-index:-1;transform:rotate(-1deg)}.hero-text{color:var(--muted);font-size:16px;max-width:530px;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 22px;border-radius:12px;font-size:13px;font-weight:800;transition:.25s}.button-primary{color:#fff;background:var(--teal);box-shadow:0 8px 0 #075d57}.button-primary:hover{transform:translateY(3px);box-shadow:0 5px 0 #075d57}.button-primary span{font-size:20px;line-height:0}.text-link,.arrow-link{font-size:13px;font-weight:700;color:var(--teal-dark);border-bottom:1px solid #b8d2c8;padding-bottom:4px}.text-link span,.arrow-link span{margin-right:8px;color:var(--coral);font-size:18px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:53px}.avatars{display:flex;direction:ltr}.avatars span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:white;background:var(--teal);border:2px solid var(--paper);font-size:10px;margin-left:-6px}.avatars span:nth-child(2){background:var(--coral)}.avatars span:nth-child(3){background:var(--yellow);color:var(--ink)}.hero-proof p{font-size:11px;color:var(--muted);line-height:1.4;margin:0}.hero-proof strong{color:var(--ink);font-size:12px}.hero-visual{position:relative;min-height:460px;display:grid;place-items:center}.paper-shadow{position:absolute;width:72%;height:73%;background:#c3ded2;transform:rotate(8deg) translate(16px,14px);border-radius:7px;opacity:.5}.notebook-card{width:min(370px,84%);height:410px;background:#fffdfa;position:relative;padding:38px 36px;box-shadow:var(--shadow);border:1px solid #e8e9da;transform:rotate(-4deg);overflow:hidden}.notebook-card:before{content:"";position:absolute;top:0;bottom:0;right:24px;border-right:1px solid #f1b6b2;opacity:.8}.notebook-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.mini-label{font-size:10px;letter-spacing:.08em;color:var(--coral);font-weight:700}.paper-icon{color:var(--yellow);font-size:22px}.notebook-lines{position:absolute;inset:94px 0 0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 36px,#e8eeea 37px);opacity:.9}.note-kicker{font-size:14px;color:var(--muted);margin:70px 0 4px;position:relative}.notebook-card h2{position:relative;font-size:35px;line-height:1.2;letter-spacing:-.06em;margin:0;font-weight:900}.notebook-card h2 span{color:var(--teal)}.note-path{position:absolute;bottom:65px;right:36px;left:36px;display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted)}.note-path i{height:1px;background:#a4c5b9;flex:1;position:relative}.note-path i:after{content:"›";position:absolute;left:-2px;top:-11px;color:var(--teal);font-size:17px}.note-sticker{position:absolute;left:30px;bottom:31px;background:var(--yellow);width:73px;height:73px;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:11px;line-height:1.3;transform:rotate(9deg);box-shadow:2px 4px 0 rgba(22,60,59,.12)}.note-sticker strong{font-size:15px}.doodle{position:absolute;color:var(--coral)}.doodle-star{left:37px;top:93px;font-size:24px}.doodle-arrow{right:49px;bottom:140px;font-size:32px;transform:rotate(-20deg)}.floating-card{position:absolute;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:12px;padding:11px 13px;box-shadow:0 12px 30px rgba(21,63,59,.12);display:flex;gap:10px;align-items:center;min-width:164px}.floating-card-a{top:36px;right:0;transform:rotate(4deg)}.floating-card-b{bottom:27px;left:3px;transform:rotate(-5deg)}.float-icon{width:32px;height:32px;display:grid;place-items:center;color:white;background:var(--teal);border-radius:8px;font-size:10px;font-weight:800;direction:ltr}.float-icon.coral{background:var(--coral)}.floating-card strong,.floating-card small{display:block;line-height:1.3}.floating-card strong{font-size:11px}.floating-card small{font-size:9px;color:var(--muted);margin-top:4px}.marquee-band{overflow:hidden;background:var(--yellow);color:var(--ink);padding:12px 0;font-size:13px;font-weight:700;white-space:nowrap;border-top:1px solid #e0b838;border-bottom:1px solid #e0b838}.marquee-track{display:flex;align-items:center;gap:24px;width:max-content;animation:marquee 32s linear infinite}.marquee-track b{color:var(--coral);font-size:18px}@keyframes marquee{to{transform:translateX(50%)}}.intro-section{padding:130px 0 118px}.section-heading{display:grid;grid-template-columns:74px 1fr 250px;gap:24px;align-items:start;margin-bottom:55px}.section-number{font-size:11px;font-weight:800;color:var(--coral);letter-spacing:.08em}.section-kicker{color:var(--teal);font-size:12px;font-weight:800;margin-bottom:10px}.section-heading h2,.split-copy h2{font-size:clamp(31px,4vw,48px);line-height:1.2;letter-spacing:-.06em;margin:0;font-weight:900}.section-heading h2 span,.split-copy h2 span{color:var(--teal)}.heading-aside{font-size:12px;color:var(--muted);border-right:2px solid var(--coral);padding-right:15px;margin:10px 0 0;line-height:1.9}.about-grid{display:grid;grid-template-columns:1fr .75fr;gap:90px;align-items:center}.about-copy{max-width:560px;padding-right:74px}.about-copy p{font-size:14px;color:var(--muted);line-height:2}.about-copy .large-copy{font-size:22px;line-height:1.65;color:var(--ink);margin-bottom:18px}.about-copy .large-copy strong{font-weight:900;color:var(--teal)}.arrow-link{display:inline-block;margin-top:14px}.manifesto-card{background:var(--teal);color:white;min-height:273px;padding:34px 38px;position:relative;box-shadow:12px 12px 0 var(--coral);transform:rotate(2deg)}.manifesto-card:before{content:"";position:absolute;inset:12px;border:1px dashed rgba(255,255,255,.3);pointer-events:none}.manifesto-label{font-size:11px;color:#bce2d6;position:relative}.manifesto-card blockquote{font-size:32px;line-height:1.3;font-weight:800;letter-spacing:-.05em;margin:37px 0 18px;position:relative}.manifesto-card blockquote em{color:var(--yellow);font-style:normal}.signature{font-size:13px;color:#bce2d6;position:relative}.signature span{color:var(--yellow);margin-right:8px}.service-section{padding:118px 0 125px;border-top:1px solid var(--line)}.view-all{font-size:12px;color:var(--teal);font-weight:800;margin-top:12px;text-align:left}.view-all span{color:var(--coral);font-size:17px;margin-right:5px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.course-card{min-height:375px;padding:25px 25px 21px;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;background:#fffefa;transition:transform .3s,box-shadow .3s}.course-card:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:var(--shadow)}.course-card-featured{background:var(--teal);color:white;border-color:var(--teal);box-shadow:9px 9px 0 var(--teal-light)}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:10px}.course-tag{background:var(--coral);color:white;border-radius:999px;padding:4px 10px;font-weight:700}.course-tag.soft{background:var(--teal-light);color:var(--teal-dark)}.course-card-featured .card-index{color:#a9d8cc}.card-index{color:#8ea29b;font-weight:800;direction:ltr}.course-symbol{font-size:45px;color:var(--yellow);margin:45px 0 20px;line-height:1}.coral-symbol{color:var(--coral)}.gold-symbol{color:var(--yellow)}.course-card h3{font-size:23px;line-height:1.35;letter-spacing:-.04em;margin-bottom:12px}.course-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.course-card-featured p{color:#c3e6dc}.card-footer{margin-top:auto;padding-top:20px;border-top:1px solid rgba(150,180,168,.35);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.course-card-featured .card-footer{color:#cae8df;border-color:rgba(255,255,255,.25)}.card-footer a{font-size:25px;color:var(--coral);line-height:1}.split-section{padding:120px 0;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:90px}.video-panel{position:relative;padding-right:35px}.video-window{background:#183c3b;box-shadow:15px 15px 0 var(--coral);transform:rotate(-3deg);padding:11px;border-radius:10px;max-width:500px}.window-bar{height:24px;display:flex;align-items:center;gap:5px}.window-bar span{height:6px;width:6px;border-radius:50%;background:#e6b747}.window-bar span:nth-child(2){background:#fb7185}.window-bar span:nth-child(3){background:#8ed4bb}.window-bar small{margin-right:auto;color:#a6c9be;font-size:8px;direction:ltr}.video-scene{height:265px;background:linear-gradient(135deg,#f8c84b 0 34%,#f8ede0 34% 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.video-scene:before{content:"";width:220px;height:220px;border-radius:50%;background:#fb7185;position:absolute;left:-70px;bottom:-90px}.video-scene:after{content:"✦";position:absolute;right:39px;top:24px;color:#0f766e;font-size:48px}.play-button{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:white;padding-right:3px;box-shadow:0 7px 0 #07534f;position:relative;font-size:18px}.scene-label,.video-scene strong,.video-scene small{position:relative}.scene-label{color:var(--teal);font-size:10px;font-weight:800;margin-top:20px}.video-scene strong{font-size:23px;line-height:1.2;margin-top:4px}.video-scene small{font-size:10px;color:var(--muted);margin-top:7px}.video-caption{display:flex;justify-content:space-between;gap:15px;max-width:500px;margin-top:26px;font-size:11px;color:var(--muted)}.video-caption a{color:var(--teal);font-weight:700}.split-copy{padding-left:28px}.split-copy .section-number{display:block;margin-bottom:18px}.split-copy h2{margin-bottom:22px}.split-copy>p:not(.section-kicker):not(.section-number){font-size:14px;color:var(--muted);max-width:420px}.tiny-list{display:flex;gap:20px;margin-top:30px;border-top:1px solid var(--line);padding-top:18px}.tiny-list span{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.tiny-list b{color:var(--coral);direction:ltr}.resources-section{padding:100px 0 130px;border-top:1px solid var(--line)}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.resource-note{background:#fffefa;border:1px solid var(--line);padding:16px;display:grid;grid-template-columns:170px 1fr;gap:25px;align-items:center;border-radius:15px;transition:.3s}.resource-note:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.resource-thumb{height:196px;padding:16px;display:flex;flex-direction:column;position:relative;overflow:hidden}.worksheet-thumb{background:var(--coral-soft);border:1px solid #f8a7b0}.deck-thumb{background:var(--teal-light);border:1px solid #acd9c9}.resource-thumb span{font-size:8px;letter-spacing:.1em;color:var(--teal-dark);font-weight:800;direction:ltr}.resource-thumb strong{font-size:19px;line-height:1.35;margin-top:auto;letter-spacing:-.05em}.resource-thumb i{position:absolute;bottom:10px;left:15px;font-size:27px;color:var(--coral);font-style:normal}.deck-thumb i{color:var(--teal);font-size:38px}.resource-type{font-size:10px;color:var(--coral);font-weight:800}.resource-note h3{font-size:19px;margin:7px 0 7px}.resource-note p{font-size:11px;color:var(--muted);line-height:1.7;margin-bottom:18px}.resource-note a{font-size:11px;color:var(--teal);font-weight:800}.resource-note a span{color:var(--coral);font-size:17px;margin-right:4px}.ad-section{display:flex;align-items:center;gap:28px;background:var(--paper-2);border:1px dashed #bdd4c9;padding:24px 30px;margin-bottom:120px}.ad-label{writing-mode:vertical-rl;color:var(--coral);font-size:9px;letter-spacing:.1em;font-weight:800;border-left:1px solid #d8b7b7;padding-left:16px}.ad-section p{font-size:13px;color:var(--muted);margin:0}.ad-section strong{font-size:18px}.ad-section>a{margin-right:auto;color:var(--teal);font-size:12px;font-weight:800;white-space:nowrap}.ad-section>a span{color:var(--coral);font-size:19px;margin-right:5px}.contact-section{background:var(--teal);color:#fffdf6;position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;width:450px;height:450px;border:1px solid rgba(255,255,255,.12);border-radius:50%;left:-130px;top:-200px}.contact-inner{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center;padding-top:100px;padding-bottom:100px;position:relative}.contact-copy .section-kicker{color:var(--yellow)}.contact-copy h2{font-size:clamp(38px,5vw,62px);line-height:1.18;letter-spacing:-.07em;margin:0 0 20px}.contact-copy h2 em{color:var(--yellow);font-style:normal}.contact-copy p{color:#c0e2d7;font-size:14px;max-width:430px}.contact-links{display:flex;flex-direction:column;gap:11px}.contact-links a{display:flex;align-items:center;gap:14px;padding:15px 17px;border:1px solid rgba(255,255,255,.22);border-radius:9px;transition:.25s}.contact-links a:hover{background:rgba(255,255,255,.1);transform:translateX(-6px)}.social-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--coral);color:white;font-size:17px}.contact-links a:nth-child(2) .social-icon{background:var(--yellow);color:var(--ink)}.contact-links a:nth-child(3) .social-icon{background:#e1f2e8;color:var(--teal)}.contact-links small,.contact-links strong{display:block;line-height:1.2}.contact-links small{font-size:9px;color:#bce2d6}.contact-links strong{font-size:15px;direction:ltr;text-align:right}.contact-links b{margin-right:auto;color:var(--yellow);font-size:20px}.site-footer{background:var(--teal-dark);color:#c5e4dc}.footer-inner{padding-top:30px;padding-bottom:25px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}.footer-brand .brand-copy strong{color:#fffdf6}.footer-brand .brand-copy small{color:#9ac7bb}.footer-brand .brand-mark{color:var(--coral)}.footer-inner>p{text-align:center;font-size:13px;margin:0}.footer-inner>p span{color:var(--yellow)}.footer-meta{display:flex;justify-content:flex-end;gap:23px;font-size:10px}.footer-meta a{color:#fffdf6}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.2s}@media(max-width:900px){.site-header{height:76px}.site-nav{gap:16px}.header-cta{display:none}.hero{gap:30px}.section-heading{grid-template-columns:55px 1fr 180px}.about-grid{gap:40px}.about-copy{padding-right:0}.split-section{gap:50px}.resource-note{grid-template-columns:130px 1fr}.resource-thumb{height:175px}}
@media(max-width:700px){.top-note{padding:0 5.5%;font-size:9px}.site-header{width:89%;height:72px}.menu-toggle{display:block;order:3}.site-nav{position:absolute;top:70px;left:0;right:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 16px;display:none;flex-direction:column;align-items:stretch;gap:2px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.nav-link{padding:10px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:72px 0 70px}.hero-copy{padding-top:0}.hero-text{font-size:14px}.hero-actions{gap:17px}.button{padding:12px 16px}.hero-proof{margin-top:35px}.hero-visual{min-height:420px;margin-top:25px}.notebook-card{height:370px}.floating-card-a{right:-4px}.floating-card-b{left:-3px}.intro-section,.service-section,.split-section,.resources-section{padding:80px 0}.section-heading{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:38px}.section-heading>div{flex:1;min-width:220px}.heading-aside{width:100%;margin-right:66px}.view-all{width:100%;text-align:right;margin-right:66px}.about-grid,.split-section,.contact-inner{display:flex;flex-direction:column;gap:45px;align-items:stretch}.manifesto-card{margin:0 15px}.course-grid,.resource-grid{grid-template-columns:1fr}.course-card{min-height:320px}.course-symbol{margin:35px 0 17px}.split-section{padding-top:90px}.video-panel{padding-right:0}.video-caption{display:block}.video-caption a{display:block;margin-top:8px}.split-copy{padding-left:0}.tiny-list{flex-wrap:wrap;gap:12px}.resource-note{grid-template-columns:110px 1fr;gap:16px}.resource-thumb{height:165px}.resource-thumb strong{font-size:15px}.ad-section{margin-bottom:80px;display:grid;grid-template-columns:25px 1fr;gap:16px;padding:20px}.ad-section>a{grid-column:2;margin:0}.ad-label{grid-row:span 2}.contact-inner{padding-top:75px;padding-bottom:75px}.contact-copy h2{font-size:43px}.footer-inner{display:flex;flex-direction:column;align-items:stretch;text-align:center}.footer-inner>p{text-align:center;margin:4px 0 13px}.footer-meta{justify-content:space-between}.brand-copy strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}.reveal{transition:none}}

/* Uploaded lesson video */
.lesson-video{display:block;width:100%;aspect-ratio:848 / 478;object-fit:cover;background:#0d2928;border:0;border-radius:2px}
.video-caption strong{color:var(--ink);font-size:13px}
@media(max-width:700px){.lesson-video{aspect-ratio:16 / 9}.video-caption strong{font-size:12px}}
