:root{--ink:#153d38;--deep:#0b2c29;--sand:#f3eee3;--paper:#fffdf8;--gold:#c58b3e;--mint:#b8d5c6;--line:#d9ddd7;--muted:#66736f;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--deep);font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.6}
a{text-decoration:none;color:inherit}
header{height:80px;padding:0 max(22px,calc((100% - var(--max))/2));display:flex;align-items:center;gap:28px;position:sticky;top:0;z-index:20;background:rgba(255,253,248,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:10px;line-height:1}
.brand i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:white;font:700 18px Georgia}
.brand b{display:block;font:700 19px Georgia}
.brand small{font-size:8px;letter-spacing:.18em;text-transform:uppercase}
nav{display:flex;gap:25px;margin:auto;font-size:13px}
#lang,#menu{border:0;background:none;color:var(--ink);font-weight:700;cursor:pointer}
#menu{display:none}
.btn{display:inline-flex;justify-content:center;border:1px solid var(--ink);background:var(--ink);color:white;padding:13px 20px;font-weight:700;font-size:13px;cursor:pointer;transition:.2s}
.btn:hover{transform:translateY(-2px);background:var(--gold);border-color:var(--gold)}
.outline{background:transparent;color:var(--ink)}
.hero{max-width:var(--max);min-height:700px;margin:auto;padding:70px 22px;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
.kicker{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.hero h1,.section h2{font:500 clamp(43px,6vw,78px)/1 Georgia,serif;letter-spacing:-.035em;margin:20px 0 28px}
.lead{font-size:18px;color:var(--muted);max-width:650px}
.actions{display:flex;gap:10px;margin-top:32px}
.visual{min-height:500px;padding:120px 28px 25px;background:linear-gradient(145deg,#dfe9df,#9bb9aa);border-radius:230px 230px 18px 18px;position:relative}
.session{background:rgba(255,253,248,.96);padding:28px;border-radius:12px;box-shadow:0 24px 55px rgba(11,44,41,.2)}
.session small{display:block;margin-top:35px;color:var(--muted)}
.session h2{font:28px Georgia}
.live{font-size:11px;color:#21845f}
.faces{display:flex}
.faces i{display:grid;place-items:center;width:38px;height:38px;border:3px solid white;border-radius:50%;margin-inline-end:-8px;background:var(--ink);color:white;font-style:normal;font-size:10px}
.faces i:nth-child(2){background:var(--gold)}
.session footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:24px;padding-top:17px;font-size:11px}
.trust{border-block:1px solid var(--line);padding:22px;display:flex;justify-content:center;gap:60px;flex-wrap:wrap;font-size:12px}
.section{max-width:var(--max);margin:auto;padding:105px 22px}
.heading{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:50px}
.section h2{font-size:clamp(38px,5vw,60px)}
.heading>p{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.cards article{border:1px solid var(--line);padding:28px;min-height:460px;display:flex;flex-direction:column}
.cards article:hover{border-color:var(--gold)}
.cards .accent{background:var(--sand)}
article em,.cohort em{color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-style:normal;font-weight:800}
.num{margin-inline-start:auto;color:#bdc5c1;font:26px Georgia}
.cards h3{font:27px/1.15 Georgia;margin:40px 0 15px}
.cards p{color:var(--muted);font-size:13px}
.cards dl{margin-top:25px}
.cards dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:8px;font-size:11px}
.cards dd{margin:0;font-weight:bold}
.cards footer{margin-top:auto;display:flex;justify-content:space-between}
.cards footer a{color:var(--gold);font-size:11px;font-weight:bold}
.dark{max-width:none;background:var(--deep);color:white;padding-inline:max(22px,calc((100% - var(--max))/2))}
.dark .heading>p,.dark .cohort p,.dark small{color:#aac0ba}
.cohort{display:grid;grid-template-columns:100px 1fr 180px;gap:25px;align-items:center;border-top:1px solid #35534f;padding:25px 0}
.cohort:last-child{border-bottom:1px solid #35534f}
.cohort time b{display:block;font:42px Georgia}
.cohort h3{font:25px Georgia;margin:4px 0}
.cohort>div:last-child{display:flex;flex-direction:column;text-align:end}
.cohort>div:last-child>b{font:27px Georgia}
.process{text-align:center}
.process h2{max-width:750px;margin:15px auto 50px}
.process ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;border-block:1px solid var(--line);text-align:start}
.process li{padding:30px;border-inline-end:1px solid var(--line)}
.process li:last-child{border:0}
.process li>b{color:var(--gold)}
.process h3{font:24px Georgia;margin:25px 0 0}
.process p{color:var(--muted);font-size:13px}
.experience{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}
.experience ul{list-style:none;padding:0}
.experience li{padding:11px;border-bottom:1px solid var(--line)}
.experience li:before{content:"✓";color:var(--gold);margin-inline-end:10px}
.dashboard{background:#eeece5;border:1px solid #d5d3ca;border-radius:18px;padding:28px;box-shadow:0 25px 60px rgba(21,61,56,.12)}
.welcome{display:flex;justify-content:space-between}
.welcome small,.welcome b{display:block}
.welcome i{display:grid;place-items:center;width:42px;height:42px;background:var(--ink);color:white;border-radius:50%;font-style:normal}
.dashboard>small{display:block;margin-top:30px;font-size:9px}
.dashboard h3{font:27px Georgia}
.progress{height:7px;background:#d3d5cf;border-radius:5px}
.progress i{display:block;width:68%;height:100%;background:var(--gold)}
.percent{display:flex;justify-content:space-between;font-size:11px}
.next{background:var(--ink);color:white;padding:20px;border-radius:10px;display:grid;grid-template-columns:1fr auto;gap:8px}
.next small{grid-column:1/-1;color:var(--mint)}
.next button{background:var(--gold);color:white;border:0;padding:8px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}
.stats span{background:white;padding:12px}
.stats small,.stats b{display:block}
.stats small{font-size:9px;color:var(--muted)}
.corporate{max-width:none;padding-inline:max(22px,calc((100% - var(--max))/2));background:var(--gold);display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.corporate .kicker{color:white}
.corporate p{font-size:18px}
.light{background:white;color:var(--ink);border-color:white}
details{border-top:1px solid var(--line);padding:20px 0}
details:last-child{border-bottom:1px solid var(--line)}
summary{cursor:pointer;font:23px Georgia;display:flex;justify-content:space-between;list-style:none}
summary:after{content:"+";color:var(--gold)}
details[open] summary:after{content:"−"}
details p{color:var(--muted);max-width:750px}
.register{max-width:none;padding-inline:max(22px,calc((100% - var(--max))/2));background:var(--sand);display:grid;grid-template-columns:1fr 1fr;gap:90px}
.register>div>p:last-child{color:var(--muted)}
form{display:grid;gap:14px}
label span{display:block;font-size:11px;font-weight:bold;margin-bottom:5px}
input,select{width:100%;padding:13px;border:1px solid #c8cec8;background:white;font:inherit}
footer{background:#071e1c;color:white;padding:50px max(22px,calc((100% - var(--max))/2));display:flex;gap:50px;align-items:center}
footer>p{color:#a7bbb6;font-size:12px;margin:auto}
footer>small{color:#78918c}
button:focus,a:focus,input:focus,select:focus{outline:3px solid rgba(197,139,62,.4);outline-offset:2px}
[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .brand b{font-family:Tahoma,Arial,sans-serif;letter-spacing:0}
[dir=rtl] .kicker{letter-spacing:0}
@media(max-width:900px){header{padding:0 18px}
#menu{display:block;margin-inline-start:auto}
nav{display:none;position:absolute;top:80px;inset-inline:0;background:var(--paper);padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}
nav.open{display:flex}
.header-cta{display:none}
.hero,.experience,.corporate,.register{grid-template-columns:1fr}
.hero{gap:25px}
.cards{grid-template-columns:1fr}
.cards article{min-height:auto}
.heading{grid-template-columns:1fr;gap:5px}
.process ol{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){.hero{padding-top:50px}
.hero h1{font-size:48px}
.visual{min-height:370px;padding:80px 15px 15px}
.actions{flex-direction:column}
.trust{justify-content:flex-start;gap:15px}
.section{padding-block:70px}
.cohort{grid-template-columns:65px 1fr}
.cohort>div:last-child{grid-column:2;text-align:start}
.process ol{grid-template-columns:1fr}
.process li{border-bottom:1px solid var(--line);border-inline-end:0}
.stats{grid-template-columns:1fr}
.next{grid-template-columns:1fr}
.next button{grid-row:auto}
body>footer{flex-direction:column;align-items:flex-start;gap:15px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}

/* Wasat Academy v1.0.0 identity */
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/assets/fonts/ibm-plex-sans-arabic-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/assets/fonts/ibm-plex-sans-arabic-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/assets/fonts/ibm-plex-sans-arabic-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#123B35;--deep:#123B35;--sand:#F6F1E7;--paper:#FFFFFF;--gold:#C78632;--mint:#78938A;--muted:#66736f}
body{color:#172321;background:#FFFFFF;font-family:Manrope,"Segoe UI",Arial,sans-serif}
.brand>img{width:43px;height:43px;object-fit:contain;flex:none}
.brand b{font-family:Manrope,"Segoe UI",Arial,sans-serif;font-size:16px;letter-spacing:-.02em}
.brand small{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;font-size:10px;letter-spacing:0;text-transform:none;margin-top:5px}
.hero h1,.section h2,.cards h3,.cohort h3,.process h3,.dashboard h3,summary{font-family:Manrope,"Segoe UI",Arial,sans-serif}
.hero h1,.section h2{font-weight:600}
.hero h1{letter-spacing:-.055em}
.kicker{color:#123B35}
.kicker:before{content:"";display:inline-block;width:22px;height:1px;background:#C78632;vertical-align:middle;margin-inline-end:9px}
.dark .kicker,.corporate .kicker{color:#F6F1E7}
.btn:hover{background:#C78632;border-color:#C78632;color:#172321}
.cards footer a,.cohort em{color:#123B35;text-decoration:underline;text-decoration-color:#C78632;text-underline-offset:3px}
.dark .cohort em{color:#F6F1E7}
.visual{background:linear-gradient(145deg,#e6ece8,#a6bbb4)}
.dashboard-brand{display:flex;align-items:center;gap:8px;margin-bottom:24px;color:#123B35;font-size:10px;font-weight:700}
.dashboard-brand img{width:32px;height:32px}
.dashboard-brand span,.dashboard-brand small{display:block}
.dashboard-brand small{font:600 9px "IBM Plex Sans Arabic",Tahoma,sans-serif}
.certificate-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
.certificate-note{font-size:12px;color:#66736f;border-inline-start:2px solid #C78632;padding-inline-start:14px;margin-top:28px}
.certificate-card{position:relative;text-align:center;background:#F6F1E7;border:1px solid #C78632;outline:5px double #C78632;outline-offset:-14px;padding:48px 55px;min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.certificate-card:before,.certificate-card:after{content:"";position:absolute;width:55px;height:55px;border-color:#123B35}
.certificate-card:before{inset:25px auto auto 25px;border-top:2px solid;border-inline-start:2px solid}
.certificate-card:after{inset:auto 25px 25px auto;border-bottom:2px solid;border-inline-end:2px solid}
.certificate-card>img{display:block;object-fit:contain}
.certificate-brand{margin:0 0 24px}
.certificate-brand b,.certificate-brand strong{display:block}
.certificate-brand strong{font:700 17px "IBM Plex Sans Arabic",Tahoma,sans-serif}
.certificate-card>span{font-size:10px;letter-spacing:.18em;color:#6d511f;font-weight:700}
.certificate-card h3{font:600 27px Manrope,"Segoe UI",Arial,sans-serif;margin:18px 0 8px}
.certificate-card>p{max-width:420px;font-size:11px;color:#66736f}
.certificate-card footer{width:100%;margin-top:48px;padding:0;background:none;color:#172321;display:flex;justify-content:space-between;border-top:1px solid #78938A}
.certificate-card footer small{padding-top:10px;font-size:7px}
body>footer .brand>img{filter:none}
[dir=rtl] body{font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .brand b{font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif}
[dir=rtl] .brand b{font-size:11px;font-weight:600;opacity:.78;order:2}
[dir=rtl] .brand small{font-size:16px;font-weight:700;opacity:1;order:1}
[dir=rtl] .brand span{display:flex;flex-direction:column}
[dir=rtl] .dashboard-brand span{display:flex;flex-direction:column}
[dir=rtl] .dashboard-brand>span{font-size:9px;font-weight:600}
[dir=rtl] .dashboard-brand small{font-size:13px;order:-1}
@media(max-width:560px){.brand>img{width:38px;height:38px}.brand b{font-size:14px}.brand small{font-size:9px}}
@media(max-width:900px){.certificate-section{grid-template-columns:1fr;gap:35px}}
@media(max-width:560px){.certificate-card{min-height:390px;padding:42px 28px}.certificate-card h3{font-size:22px}}