@font-face{font-family:Plex;src:url('/assets/IBMPlexSansArabic-Regular.ttf')}@font-face{font-family:Plex;src:url('/assets/IBMPlexSansArabic-Medium.ttf');font-weight:500}
:root{color-scheme:dark;--bg:#010138;--panel:#111144;--text:#e0d6e3;--muted:#b8b3ce;--line:#ffffff20;--accent:#99f5f8;--ink:#010138}html[data-theme=light]{color-scheme:light;--bg:#f6f7fa;--panel:#fff;--text:#151532;--muted:#53536c;--line:#01013822;--accent:#006b72;--ink:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Plex,system-ui,sans-serif;font-size:17px;line-height:1.9}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,textarea,select{font:inherit}button,.button{border:0;border-radius:100px;background:var(--accent);color:var(--ink);padding:12px 25px;display:inline-flex;justify-content:center;align-items:center;font-weight:500;cursor:pointer;line-height:1.6}button:hover,.button:hover{filter:brightness(.94);color:var(--ink)}.quiet{background:transparent;color:var(--text);border:1px solid var(--line)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.site-header{height:88px;position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px max(4vw,20px);background:var(--bg);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;white-space:nowrap}.brand img{width:38px;height:42px;object-fit:contain}.brand span{font-weight:500}nav,.controls{display:flex;align-items:center;gap:22px;font-size:14px}.controls{gap:15px}.controls .button{padding:9px 18px}main{max-width:1440px;margin:auto;padding:88px 6vw 0}.hero{min-height:710px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:7vw;padding:100px 0}.hero:not(:has(img)){grid-template-columns:1fr;max-width:1000px;min-height:520px}.eyebrow{font-size:13px;letter-spacing:.09em;color:var(--accent)}h1,h2,h3{font-weight:500;line-height:1.45;letter-spacing:-.025em}h1{font-size:clamp(38px,4.3vw,66px);margin:24px 0}h2{font-size:clamp(28px,3vw,42px);margin:0 0 24px}h3{font-size:24px}p{color:var(--muted);max-width:760px}p strong{color:var(--text)}.hero p{font-size:20px;max-width:700px}.portrait{width:100%;max-height:560px;object-fit:cover;border-radius:32px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin:30px 0}.content-section{padding:80px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:110px 1fr;gap:30px}.section-number{color:var(--accent);font-size:15px;padding-top:12px}.content-section>div:last-child{max-width:850px}details{padding:16px 0}summary{color:var(--accent);cursor:pointer}.narrow{max-width:800px;margin:70px auto;padding:30px 0}.narrow h1{font-size:44px}footer{margin-top:100px;padding:30px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;font-size:13px;color:var(--muted)}footer div{display:flex;gap:22px}.collection{padding:70px 0;border-top:1px solid var(--line)}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.collection-grid.list{grid-template-columns:1fr}.entry{border-top:1px solid var(--line);padding:25px 0}.entry img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:16px}.entry p{font-size:16px}.entry small{color:var(--accent)}.feature{width:100%;max-height:600px;object-fit:contain;border-radius:20px}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin:25px 0 40px}.filters label{flex:1;min-width:130px}.filters input,.filters select{margin:0}form{display:grid;gap:22px}label{display:block;font-size:16px}input:not([type=checkbox]):not([type=radio]),textarea,select{display:block;width:100%;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:13px 16px;margin-top:8px}textarea{resize:vertical;min-height:120px}input[type=email],input[type=url]{direction:ltr;text-align:start}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:20px;height:20px;flex-shrink:0}.check,.option{display:flex;align-items:start;gap:12px}.check a{text-decoration:underline}.option{padding:16px 20px;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin:12px 0;cursor:pointer}.option:has(:checked){border-color:var(--accent)}fieldset{border:0;padding:0;margin:25px 0}legend{font-size:25px;font-weight:500;line-height:1.7;padding-bottom:25px}.wizard-step .check{margin:20px 0}.wizard-step[hidden],[hidden]{display:none!important}progress{width:100%;height:5px;accent-color:var(--accent)}.honeypot{position:absolute;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}#previous,#next,#progress,#stepStatus{display:none}.js #previous,.js #next,.js #progress,.js #stepStatus{display:initial}.notice{padding:20px;background:var(--panel);border-inline-start:3px solid var(--accent);margin:24px 0}.skip{position:fixed;top:-100px;background:var(--accent);color:var(--ink);z-index:50;padding:10px}.skip:focus{top:0}.dashboard{display:grid;grid-template-columns:210px minmax(0,1fr);gap:50px;padding-top:45px}.dashboard aside{display:flex;flex-direction:column;gap:8px;align-self:start;position:sticky;top:110px}.dashboard aside a{padding:8px 15px;border-radius:9px}.dashboard aside a.active{background:var(--panel);color:var(--accent)}.dashboard section{min-width:0}.dashboard h1{font-size:36px;margin-top:0}.dashboard form{background:var(--panel);padding:25px;border-radius:16px;margin:25px 0}.dashboard fieldset{border:1px solid var(--line);padding:20px;border-radius:10px}.dashboard .grid,.media-grid,.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.media-grid img{width:100%;height:140px;object-fit:contain}.media-grid code{font-size:11px;overflow-wrap:anywhere}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{padding:15px;border-bottom:1px solid var(--line);text-align:start;max-width:300px;overflow-wrap:anywhere}th{color:var(--accent)}pre{overflow:auto;background:var(--panel);padding:20px;direction:ltr;text-align:left;font-size:13px}.stats>div{background:var(--panel);padding:25px;border-radius:15px}form>button{justify-self:start}
@media(max-width:1100px){.site-header{flex-wrap:wrap;height:auto;min-height:88px;gap:10px}nav{order:3;justify-content:center;width:100%;gap:22px;overflow:auto;white-space:nowrap}main{padding-top:130px}.hero{gap:40px;min-height:650px}.brand span{font-size:15px}.collection-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){body{font-size:16px}.site-header{padding:12px 18px}.controls{gap:12px}.controls .button{font-size:12px;padding:9px 12px}nav{justify-content:start;font-size:12px;gap:20px;padding-top:8px}.brand span{display:none}main{padding-inline:24px}.hero{grid-template-columns:1fr;padding:65px 0;gap:35px;min-height:0}.hero:not(:has(img)){min-height:0}.hero p{font-size:18px}.portrait{max-height:390px;object-position:top}.content-section{grid-template-columns:1fr;gap:12px;padding:50px 0}.content-section h2{font-size:29px}.collection-grid{grid-template-columns:1fr}.narrow{margin:35px auto}.narrow h1{font-size:35px}footer{flex-wrap:wrap;gap:15px;margin-top:60px}footer div{gap:16px}.dashboard{grid-template-columns:1fr;gap:25px}.dashboard aside{position:static;flex-direction:row;overflow:auto;white-space:nowrap}.dashboard .grid,.media-grid,.stats{grid-template-columns:1fr 1fr}.dashboard form{padding:17px}.actions{gap:17px}legend{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.pills{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.pills a{padding:7px 14px;border:1px solid var(--line);border-radius:50px;font-size:13px}.stats article{padding:25px;background:var(--panel);border-radius:15px}.stats strong{display:block;font-size:38px;color:var(--accent)}

.brand img{background:#99f5f8;border-radius:50%;padding:7px;width:42px;height:42px}.hero[lang=ar],.content-section[lang=ar]{direction:rtl;text-align:right}

@media print{.site-header,footer,.skip,.actions,main a{display:none!important}body{background:#fff;color:#151532;font-size:13pt}main{padding:0;max-width:none}.narrow{max-width:none;margin:0}p{color:#333}h1{font-size:28pt}.eyebrow{color:#333}}