:root { --ink:#163c38; --cream:#f7f1e6; --paper:#fffdf8; --saffron:#efac38; --clay:#d9643e; --mist:#dcebe3; --line:rgba(22,60,56,.16); }
    * { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--cream); font-family:Manrope, sans-serif; }
    a { color:inherit; text-decoration:none; } .wrap { max-width:1180px; margin:0 auto; padding:0 28px; }
    .announcement { background:var(--ink); color:#eef5ef; text-align:center; padding:10px 20px; font:500 11px/1.3 "DM Mono",monospace; letter-spacing:.11em; text-transform:uppercase; }
    nav { display:flex; height:84px; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
    .brand { font:700 17px/1 Manrope,sans-serif; letter-spacing:-.06em; display:flex; align-items:center; gap:10px; } .brand-mark { width:28px;height:28px;border-radius:50%;background:var(--saffron);display:grid;place-items:center;font-family:"Noto Naskh Arabic";font-size:17px; }
    .nav-links { display:flex; gap:28px; align-items:center; font-size:13px; font-weight:700; } .nav-links a:not(.button) { opacity:.75; } .button { display:inline-flex; justify-content:center; align-items:center; gap:10px; border:none; padding:13px 19px; background:var(--ink); color:white; font:700 12px Manrope; cursor:pointer; border-radius:2px; transition:.2s transform,.2s background; } .button:hover { transform:translateY(-2px); background:#20564e; } .button.light { background:var(--paper); color:var(--ink); } .button.saffron { color:var(--ink); background:var(--saffron); }
    .hero { position:relative; overflow:hidden; padding:94px 0 78px; min-height:650px; } .hero-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:55px; align-items:center; position:relative; z-index:1; }
    .eyebrow { font:500 11px/1.2 "DM Mono",monospace; letter-spacing:.12em; text-transform:uppercase; color:#85651e; display:flex; align-items:center; gap:9px; } .eyebrow:before{content:"";width:28px;border-top:1px solid currentColor}
    h1 { font:400 clamp(48px,6vw,79px)/.99 "DM Serif Display",serif; letter-spacing:-.055em; margin:18px 0 24px; max-width:670px; } h1 em { color:var(--clay); font-style:italic; }
    .hero p { max-width:570px; font-size:18px; line-height:1.7; color:#365e59; margin:0 0 32px; } .hero-actions { display:flex; flex-wrap:wrap; gap:13px; align-items:center; } .microcopy { font-size:11px; font-weight:600; color:#64837c; }
    .conversation-card { background:var(--paper); box-shadow:15px 18px 0 #d5e4da; padding:27px; position:relative; border:1px solid rgba(22,60,56,.08); transform:rotate(2.2deg); } .card-head { display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:21px; } .status { font:500 10px "DM Mono";letter-spacing:.09em;text-transform:uppercase;color:#5d847b; } .dot { display:inline-block;width:7px;height:7px;border-radius:50%;background:#49a476;margin-right:6px; }
    .person { display:flex;gap:11px;align-items:center; } .avatar {width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mist);font-weight:800;font-size:12px;} .person b {display:block;font-size:12px}.person span{font-size:10px;color:#6b8882}.arabic { font-family:"Noto Naskh Arabic",serif; font-size:22px; line-height:1.7; direction:rtl; text-align:right; }
    .bubble { padding:13px 15px; margin:13px 0; font-size:12px; line-height:1.55; max-width:87%; } .bubble.teacher { background:var(--mist); border-radius:2px 15px 15px 15px; } .bubble.learner { margin-left:auto; background:#f9e5bd; border-radius:15px 2px 15px 15px; } .translation {font-size:10px;color:#628079;margin-top:4px;}
    .card-foot { border-top:1px solid var(--line);padding-top:17px;margin-top:18px;display:flex;justify-content:space-between;font:500 10px "DM Mono";color:#6a8881;text-transform:uppercase;letter-spacing:.08em; }.scribble {position:absolute;right:-22px;top:-40px;color:var(--clay);font:600 36px "Noto Naskh Arabic";transform:rotate(-8deg);}
    .orb {position:absolute;border-radius:50%;filter:blur(.2px);}.orb.one{background:#e7c566;width:345px;height:345px;right:-115px;top:25px;opacity:.55}.orb.two{background:#c5ded2;width:190px;height:190px;left:-80px;bottom:-55px;}
    .proof { border-top:1px solid var(--line);border-bottom:1px solid var(--line); display:grid;grid-template-columns:repeat(3,1fr); }.proof div {padding:23px 28px;border-right:1px solid var(--line);}.proof div:last-child{border:0}.proof b{display:block;font:400 31px "DM Serif Display";letter-spacing:-.04em}.proof span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#628079;font-weight:700;}
    section { padding:100px 0; }.section-top {display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:47px}.section-top h2{font:400 clamp(38px,4.5vw,59px)/1 "DM Serif Display";letter-spacing:-.05em;margin:13px 0 0;max-width:650px}.section-top p{max-width:350px;color:#55746e;line-height:1.7;font-size:14px}
    .how {background:var(--ink);color:var(--paper);}.how .eyebrow{color:#efc66b}.how .section-top p{color:#aecbc1}.steps {display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2)}.step{padding:28px 30px 20px 0;margin-right:30px;border-right:1px solid rgba(255,255,255,.2)}.step:last-child{border:0}.number{font:500 12px "DM Mono";color:var(--saffron)}.step h3{font:400 29px "DM Serif Display";letter-spacing:-.04em;margin:56px 0 12px}.step p{color:#c5d8d0;font-size:13px;line-height:1.7;max-width:280px}
    .mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.mission{background:var(--paper);padding:35px;border:1px solid var(--line);min-height:245px}.mission:nth-child(2){background:var(--saffron);border-color:var(--saffron)}.icon{font-family:"Noto Naskh Arabic";font-size:39px;color:var(--clay);line-height:1}.mission h3{font:400 29px "DM Serif Display";margin:49px 0 9px;letter-spacing:-.04em}.mission p{font-size:13px;line-height:1.7;color:#55746e;max-width:390px}.mission:nth-child(2) p{color:#5f4a18}.mission:nth-child(2) .icon{color:var(--ink)}
    .quote {background:#dae9df;position:relative;overflow:hidden}.quote-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.quote .arabic-big{font:500 clamp(55px,7vw,95px)/1 "Noto Naskh Arabic";direction:rtl;color:#d86b45}.quote blockquote{font:400 clamp(32px,3.6vw,49px)/1.15 "DM Serif Display";letter-spacing:-.045em;margin:0}.quote cite{display:block;margin-top:25px;font:500 11px "DM Mono";letter-spacing:.08em;text-transform:uppercase;color:#59756e;font-style:normal}
    .faq{padding-bottom:0}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-grid h2{font:400 48px/1 "DM Serif Display";letter-spacing:-.05em;margin:15px 0}.faq-item{padding:23px 0;border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item b{font-size:15px}.faq-item p{font-size:13px;line-height:1.7;color:#58756f;max-width:590px;margin:10px 0 0}
    .cta {margin:100px 0 0;background:var(--clay);color:var(--paper);padding:76px 0 82px;}.apply-intro{max-width:680px}.cta h2{font:400 clamp(42px,5vw,68px)/1 "DM Serif Display";letter-spacing:-.05em;margin:14px 0 0;max-width:650px}.cta .eyebrow{color:#ffe2a5}.apply-intro p{font-size:15px;line-height:1.7;max-width:550px;color:#fff2de;margin:20px 0 0}.application-shell{margin-top:46px;display:grid;grid-template-columns:250px 1fr;gap:0;background:var(--paper);color:var(--ink);box-shadow:12px 12px 0 rgba(91,36,25,.24)}.application-aside{padding:31px 28px;background:#f4dfaa}.application-aside h3{font:400 29px/1 "DM Serif Display";letter-spacing:-.04em;margin:17px 0 18px}.application-aside p{font-size:12px;line-height:1.7;color:#594b2e;margin:0}.application-aside ul{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid rgba(89,75,46,.24)}.application-aside li{font:600 10px/1.4 "DM Mono";letter-spacing:.06em;text-transform:uppercase;padding:12px 0;border-bottom:1px solid rgba(89,75,46,.24)}.application-form{padding:32px 37px 37px}.form-progress{display:flex;gap:8px;align-items:center;margin-bottom:25px}.progress-bar{height:4px;flex:1;background:#e4ece6;position:relative;overflow:hidden}.progress-bar:before{content:"";display:block;background:var(--ink);height:100%;width:50%;transition:width .35s ease}.application-form[data-step="2"] .progress-bar:before{width:100%}.progress-label{font:500 10px "DM Mono";letter-spacing:.08em;text-transform:uppercase;color:#66827c;white-space:nowrap}.form-step{display:none}.form-step.active{display:block;animation:formIn .35s ease both}@keyframes formIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.form-step h3{font:400 31px/1.05 "DM Serif Display";letter-spacing:-.04em;margin:0 0 9px}.form-step>p{font-size:12px;line-height:1.65;color:#65817a;margin:0 0 23px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font:700 10px "DM Mono";letter-spacing:.07em;text-transform:uppercase;color:#52736b}.field input,.field select,.field textarea{width:100%;border:1px solid #c9d8d0;border-radius:0;background:#fffefa;color:var(--ink);font:500 13px Manrope;padding:12px 13px;outline:none;transition:border .2s,box-shadow .2s}.field textarea{min-height:88px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(22,60,56,.1)}.choice-group{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.choice{position:relative}.choice input{position:absolute;opacity:0}.choice span{display:block;border:1px solid #c9d8d0;padding:11px 9px;text-align:center;font-size:11px;font-weight:700;cursor:pointer;background:#fffefa}.choice input:checked+span{background:var(--mist);border-color:var(--ink);color:var(--ink)}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:26px}.form-note{font-size:10px;line-height:1.5;color:#6c8982;max-width:310px}.back-button{background:transparent;color:var(--ink);padding-left:0}.back-button:hover{background:transparent;transform:none;text-decoration:underline}.consent{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-size:11px;line-height:1.55;color:#53726b}.consent input{margin:2px 0 0;accent-color:var(--ink)}.form-success{display:none;text-align:center;padding:40px 10px 18px}.form-success.active{display:block;animation:formIn .35s ease both}.form-success .arabic-success{font:600 55px/1 "Noto Naskh Arabic";color:var(--clay);direction:rtl}.form-success h3{font:400 35px/1 "DM Serif Display";letter-spacing:-.04em;margin:18px 0 10px}.form-success p{font-size:13px;line-height:1.7;color:#5d7a73;max-width:470px;margin:0 auto}
    footer{padding:35px 0;color:#67817c;font-size:11px;display:flex;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:18px}
    @media(max-width:760px){.wrap{padding:0 20px}.nav-links>a:not(.button){display:none}.hero{padding:55px 0}.hero-grid,.quote-grid,.faq-grid{grid-template-columns:1fr}.conversation-card{max-width:420px;margin:20px auto 0}.proof{grid-template-columns:1fr}.proof div{border-right:0;border-bottom:1px solid var(--line)}.proof div:last-child{border-bottom:0}.section-top{display:block}.section-top p{margin-top:22px}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid rgba(255,255,255,.2);margin:0;padding:28px 0}.step h3{margin-top:28px}.mission-grid{grid-template-columns:1fr}.quote-grid{gap:30px}section{padding:70px 0}.cta{margin-top:70px}.application-shell{grid-template-columns:1fr;margin-top:34px}.application-aside{padding:25px}.application-aside ul{display:none}.application-form{padding:27px 20px 29px}.field-grid,.choice-group{grid-template-columns:1fr}.form-actions{align-items:flex-start;flex-direction:column}.form-actions .button{width:100%}footer{display:block}.footer-links{margin-top:15px;flex-wrap:wrap}}

.saf-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-error{margin:18px 0 0;padding:12px 14px;border:1px solid #b6462f;background:#fff0eb;color:#8b2f20;font-size:12px;line-height:1.5}.application-form button[disabled]{opacity:.65;cursor:wait;transform:none!important}

/* Progressive form: all fields remain usable without JavaScript. */
.application-form .form-progress,.application-form [data-next],.application-form [data-back]{display:none!important}.application-form .form-step{display:block!important;animation:none!important}.application-form .form-step[data-step="2"]{border-top:1px solid var(--line);margin-top:30px;padding-top:30px}.application-form.is-submitted .form-step,.application-form.is-submitted .form-actions,.application-form.is-submitted .form-error{display:none!important}.application-form.is-submitted .form-success{display:block!important}
.application-form .choice{display:grid;grid-template-columns:30px 1fr;align-items:center;border:1px solid #c9d8d0;background:#fffefa}.application-form .choice input{position:static;opacity:1;margin:0 0 0 10px;accent-color:var(--ink)}.application-form .choice span{border:0;text-align:left}.application-form .choice input:checked+span{background:var(--mist)}
