:root{--green:#173e2c;--gold:#9b8039;--ink:#253b30;--muted:#687269;--paper:#faf9f4;--line:#dce2d8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}.preview{text-align:center;background:var(--green);color:#fff;padding:9px;font-size:12px}header{min-height:104px;padding:16px 5%;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:21px}.brand img{width:68px;height:68px;object-fit:contain}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:7px}nav{display:flex;gap:22px;flex:1;justify-content:center;font-size:13px}nav a{padding:10px 0;border-bottom:2px solid transparent}nav a.active{border-color:var(--gold);color:var(--gold)}.join,.primary{display:inline-flex;align-items:center;gap:28px;padding:16px 23px;background:var(--green);color:white;font-size:14px}.menu{display:none}.hero{max-width:1440px;margin:auto;padding:76px 7% 70px;display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:12px;color:var(--gold);letter-spacing:1px;margin-bottom:26px;display:block}h1{font-size:clamp(34px,4.1vw,63px);line-height:1.65;font-weight:500;margin:0 0 25px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:17px;line-height:2.1;color:var(--muted);max-width:620px}.actions{display:flex;gap:30px;align-items:center;margin-top:32px}.secondary{font-size:14px;border-bottom:1px solid var(--gold);padding:12px 0}.logo-stage{position:relative;display:grid;place-items:center;background:white;border-radius:50% 50% 3px 3px;aspect-ratio:1/1.12;border:1px solid #e7e8df}.logo-stage img{width:100%;mix-blend-mode:multiply}.logo-stage:after{content:'وعي  ·  نمو  ·  أثر';position:absolute;bottom:0;background:var(--paper);padding:13px 34px;color:var(--gold);font-size:14px;border:1px solid var(--line)}.ribbon{border-block:1px solid var(--line);padding:23px 7%;display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.ribbon span:first-child{color:var(--green)}.section{max-width:1260px;margin:auto;padding:75px 5%}.section-title{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:35px}.section-title h2{font-size:33px;font-weight:500;margin:10px 0}.section-title p{color:var(--muted);max-width:500px;line-height:2}.pathways{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line)}.path{padding:30px;border-left:1px solid var(--line)}.path:last-child{border:0}.number{display:block;font-size:13px;color:var(--gold);margin-bottom:35px}.path h3{font-size:19px;font-weight:500}.path p{font-size:14px;line-height:2;color:var(--muted)}.quote{background:var(--green);color:white;padding:60px 10%;text-align:center}.quote p{font-size:27px;line-height:1.9;max-width:900px;margin:auto}.quote small{display:block;color:#d8c58e;margin-top:20px}.explore{display:grid;grid-template-columns:1fr 1fr;gap:20px}.explore a{border-bottom:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;align-items:center}.explore h3{font-size:24px;font-weight:500;margin:0 0 12px}.explore p{font-size:14px;line-height:2;color:var(--muted);margin:0;max-width:450px}.explore span{font-size:28px;color:var(--gold);padding:20px}.page-head{padding:65px 7%;background:#eef1e9;border-bottom:1px solid var(--line)}.page-head h1{font-size:48px;margin:0}.reading-layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:230px 1fr;gap:70px;padding:55px 5%}.toc{position:sticky;top:25px;align-self:start;max-height:80vh;overflow:auto;font-size:13px}.toc a{display:block;padding:11px 0;color:var(--muted);border-bottom:1px solid var(--line)}article{max-width:800px}article p{font-size:17px;line-height:2.2;margin:0 0 23px}article h2{font-size:27px;font-weight:500;margin:48px 0 20px;color:var(--green);scroll-margin-top:25px}article .list-line{padding:14px 20px;border-right:2px solid var(--gold);background:#f0f2e9;font-size:15px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:17px;line-height:1.8}details p{padding-top:15px;color:var(--muted)}.form-note{padding:18px;background:#eef1e9;border-right:3px solid var(--gold);font-size:14px;line-height:2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}label{display:block;font-size:14px}label small{color:var(--muted)}input,select,textarea{width:100%;padding:13px;background:#fff;border:1px solid #c8d2c8;margin-top:9px;color:var(--ink)}.wide{grid-column:1/-1}textarea{min-height:130px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}form button{border:0}output{display:block;margin-top:18px;color:var(--green);line-height:2}footer{padding:45px 7%;border-top:1px solid var(--line);display:flex;gap:50px;align-items:center;background:#edf0e8}footer div{flex:1}footer p{font-size:13px;color:var(--muted);line-height:2}footer small{font-size:10px;letter-spacing:2px}.skip{position:absolute;top:-100px}.skip:focus{top:5px;background:white;padding:15px;z-index:5}@media(max-width:1100px){nav{gap:12px}header{gap:12px;padding-inline:3%}.brand span{font-size:17px}.join{padding:13px}.hero{gap:25px}.path{padding:20px}}@media(max-width:800px){header{flex-wrap:wrap;justify-content:space-between}.menu{display:block;background:none;border:1px solid var(--line);padding:10px}.join{display:none}nav{display:none;flex-basis:100%;flex-wrap:wrap}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:40px 6%;gap:40px}.hero h1{font-size:38px}.logo-stage{max-width:440px;width:100%;margin:auto}.ribbon{gap:20px;flex-wrap:wrap;font-size:12px}.pathways{grid-template-columns:1fr 1fr}.path{border-bottom:1px solid var(--line)}.section{padding:45px 6%}.section-title{display:block}.explore{grid-template-columns:1fr}.quote p{font-size:22px}.reading-layout{display:block;padding:30px 6%}.toc{position:static;max-height:200px;margin-bottom:30px}.page-head{padding:35px 6%}.page-head h1{font-size:36px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}footer{display:block}footer small{display:block;margin-top:25px}article p{font-size:16px}}
.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}button:disabled{opacity:.6;cursor:wait}
/* Warm nature palette and restrained editorial imagery. */
:root{--paper:#fcf8ef;--gold:#997125;--line:#e0dfcc}
body{background:var(--paper)}
header{background:#fffdf7}nav{gap:16px}
.hero{background:radial-gradient(ellipse at 12% 20%,#e3ebd7 0,transparent 50%),radial-gradient(ellipse at 88% 80%,#f3e1c6 0,transparent 50%);padding-top:62px;padding-bottom:75px}
.hero .eyebrow{display:inline-block;border:1px solid #d9c99c;padding:9px 16px;border-radius:30px;background:#fffcf1}
.hero h1 em{color:#ab603e}.hero p{color:#50664f}
.primary,.join{border-radius:7px;box-shadow:0 5px 12px #183e2c12;transition:background .2s,transform .2s}.primary:hover,.join:hover{background:#285d40;transform:translateY(-2px)}
.life-stage{position:relative;max-width:490px;width:100%;margin:auto;transform:rotate(-2deg);padding:12px;background:#fffdf7;border:1px solid #e1ddc9;border-radius:180px 180px 22px 22px;box-shadow:0 22px 45px #475d3820}
.nature-image{width:100%;height:530px;display:block;object-fit:cover;border-radius:170px 170px 14px 14px}
.logo-seal{position:absolute;bottom:70px;left:-27px;width:130px;height:130px;background:white;border-radius:50%;padding:8px;box-shadow:0 6px 25px #30442d22;transform:rotate(2deg)}
.logo-seal img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.life-caption{position:absolute;bottom:33px;right:30px;left:30px;border:1px solid #fff7;background:#ffffffe8;padding:16px 22px;border-radius:9px;transform:rotate(2deg);color:var(--green)}.life-caption span{font-size:20px}.life-caption small{display:block;margin-top:6px;color:var(--muted);font-size:12px}
.ribbon{background:#e6eddc;border-color:#d2dcc4}.ribbon span:before{content:'✦';padding-left:12px;color:#9b8039}
.pathways{gap:15px;border:0}.path{border:1px solid #d2ddc9;border-radius:14px;background:#e7efdc;position:relative}.path:nth-child(2){background:#f4e7c6;border-color:#e7d6a8}.path:nth-child(3){background:#f4dfd1;border-color:#e9cbb8}.path:nth-child(4){background:#dce9e9;border-color:#c8dbdc}.path:last-child{border:1px solid #c8dbdc}.number{background:#ffffffa8;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;margin-bottom:28px;color:var(--green)}.path p{color:#4b6050}
.quote{background:linear-gradient(120deg,#1d4937,#416249);border-radius:25px;margin:20px 5%;position:relative;overflow:hidden}.quote:before,.quote:after{content:'';position:absolute;width:220px;height:220px;border:1px solid #d7e4b02b;border-radius:50%;top:-120px;left:3%}.quote:after{left:auto;right:-60px;top:auto;bottom:-100px;width:280px;height:280px}
.explore{gap:22px 35px}.explore a{padding:28px 23px;background:#fffdf8;border:1px solid #e1dfce;border-radius:14px;transition:transform .2s,box-shadow .2s}.explore a:hover{transform:translateY(-3px);box-shadow:0 8px 22px #30442d10}.explore a:nth-child(2){background:#eef2e5}.explore a:nth-child(3){background:#fbeddc}.explore a:nth-child(4){background:#eaf1f0}
.page-head{background:linear-gradient(110deg,#f5e6c9,#e1ecd9);position:relative}.page-head:after{content:'';position:absolute;width:140px;height:140px;border:1px solid #b0bf9670;border-radius:50%;left:10%;top:25px}.form-note{background:#edf0db;border-radius:8px}.form-grid input,.form-grid select,.form-grid textarea{border-radius:7px;background:#fffdf8}footer{background:#e2ead9}
@media(max-width:1100px){nav{gap:9px;font-size:12px}.nature-image{height:470px}}
@media(max-width:800px){.life-stage{max-width:430px;transform:rotate(-1deg);margin-top:8px}.nature-image{height:440px}.logo-seal{left:-10px;width:100px;height:100px;bottom:80px}.life-caption{left:20px;right:20px}.pathways{gap:12px}.path,.path:last-child{border:1px solid #d7ddcb}.quote{padding:42px 7%;margin:12px 5%}.page-head:after{width:90px;height:90px;left:6%}.hero{padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.page-head:after{display:none}.page-label{display:inline-block;font-size:18px;line-height:1.5;color:var(--green);background:#fff9e9;border:1px solid #c7b681;border-radius:999px;padding:11px 24px;margin-bottom:20px;letter-spacing:.4px;white-space:nowrap}.required-mark{color:#a24f35;font-weight:700;font-size:18px}.field-key{font-size:13px!important;color:var(--muted)}.contact-email{color:var(--green);border-bottom:1px solid var(--gold)}.logo-stage{box-shadow:0 15px 40px #36522c12}.page-head h1{margin-top:0}nav{flex-wrap:wrap;row-gap:4px}