.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}.bc{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 30px #0000000d;display:flex;flex-direction:column;transition:.3s}a.bc:hover{transform:translateY(-6px);box-shadow:0 18px 50px #00000020}.bi{aspect-ratio:16/10;background:#ddd center/cover}.bi.ph{background:linear-gradient(135deg,#0a192f,#2a3d84);display:grid;place-items:center;color:#fff;font-family:var(--hf);font-size:22px;letter-spacing:1px}.bb{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}.bt{align-self:flex-start;background:#111;color:#fff;font-size:12px;padding:2px 14px;border-radius:30px}.bb h3{font-family:var(--hf);font-weight:500;font-size:19px;line-height:1.5}.bb p{color:var(--mu);font-size:14px}.bb small{color:var(--mu);margin-top:auto}
.art{max-width:760px;margin:0 auto}.art h1{font-family:var(--hf);font-weight:500;font-size:clamp(26px,4vw,40px);line-height:1.4;margin:14px 0 8px}.art .meta{color:var(--mu);font-size:14px;margin-bottom:20px}.art .cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px;margin-bottom:24px}.art p{margin:0 0 18px;font-size:17px;line-height:1.95}.art .src{color:var(--mu);font-size:14px;border-top:1px solid var(--bd);padding-top:14px;margin-top:8px}.art .src a{text-decoration:underline}.cta-box{background:#0a192f;color:#fff;border-radius:18px;padding:28px;text-align:center;margin:34px 0}.cta-box h3{font-family:var(--hf);font-weight:500;font-size:22px;margin-bottom:6px}.cta-box p{color:#ffffffcc;margin:0 0 16px}.rl{font-family:var(--hf);font-weight:500;font-size:26px;margin:40px 0 18px}
#bl .st h2{margin:0}
.cal .cf{gap:22px}.cal .nb{display:flex;align-items:center;gap:8px;background:#161616;border:1px solid #2c2c2c;border-radius:18px;padding:6px}.cal .nb input{flex:1;min-width:0;background:transparent;border:0;color:#fff;font-size:19px;font-weight:500;text-align:center;padding:8px 4px;outline:0;border-radius:0}.cal .nb .un{color:#8d8d8d;font-size:13px;padding-inline-end:8px;min-width:34px}.cal .sb{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid #3a3a3a;background:#222;color:#fff;font-size:20px;line-height:1;cursor:pointer;transition:.15s}.cal .sb:hover{background:#fff;color:#111}.cal .sb:active{transform:scale(.92)}
.cal .rg{-webkit-appearance:none;appearance:none;display:block;width:100%;height:4px;padding:0;margin:14px 0 2px;border:0;border-radius:4px;outline:0;background:linear-gradient(to right,#fff var(--p,0%),#333 var(--p,0%))}[dir=rtl] .cal .rg{background:linear-gradient(to left,#fff var(--p,0%),#333 var(--p,0%))}.cal .rg::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:0;cursor:pointer;box-shadow:0 0 0 5px #ffffff22}.cal .rg::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:0;cursor:pointer}
#ff,#ff .row{min-width:0;max-width:100%}#ff input[type=text],#ff select{min-width:0;max-width:100%}#ff .grp{min-width:0}
@media(max-width:700px){#ff{padding:14px}#ff input[type=text],#ff select{width:100%;font-size:16px;flex:1 1 auto}#ff>.row:first-of-type{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#ff>.row:first-of-type input[name=q],#ff>.row:first-of-type select[name=e]{grid-column:1/-1}#ff>.row:nth-of-type(2){display:grid;grid-template-columns:minmax(0,1fr);gap:14px}#ff .grp{flex:1 1 100%}#ff .grp>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#ff details>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#ff details>.row>.grp:last-child{grid-column:1/-1}#ff>.row:last-of-type .btn{flex:1;text-align:center}}
form.fm input[aria-hidden=true]{left:0!important;right:auto!important;top:0!important;width:1px!important;height:1px!important;pointer-events:none}
@media(max-width:640px){#lg,.mbtn{min-height:44px;min-width:44px}.hr .ghost{padding:10px 14px;font-size:13px}.mm a{padding:15px 4px}#eg{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ec div{bottom:12px;inset-inline:12px}.ec b{font-size:16px}.chips a{padding:10px 18px}}
/* Arabic typography: one family for headings+interface (Noto Kufi), Plex only for reading text; larger sizes for Arabic */
html[lang=ar]{--bf:'Noto Kufi Arabic','IBM Plex Sans Arabic','Inter','Segoe UI',Tahoma,sans-serif}
html[lang=ar] p,html[lang=ar] .ds,html[lang=ar] .art p,html[lang=ar] .bb p,html[lang=ar] .sc p,html[lang=ar] .tc.qt p{font-family:'IBM Plex Sans Arabic','Noto Kufi Arabic','Segoe UI',Tahoma,sans-serif}
html[lang=ar] nav{font-size:15px;gap:22px;font-weight:500}html[lang=ar] nav a{opacity:.95}
html[lang=ar] .bn b{font-size:17px;font-weight:600}html[lang=ar] .bn small{font-size:13px;opacity:.85;font-weight:400}
html[lang=ar] .btn,html[lang=ar] header .cta,html[lang=ar] .hr .ghost{font-size:15px;font-weight:500}
html[lang=ar] .hc small{font-size:17px;font-weight:500;opacity:.95}html[lang=ar] .hero2 small{font-size:16px;opacity:.9}
html[lang=ar] .st span,html[lang=ar] .chips a,html[lang=ar] .sub a{font-size:15px}html[lang=ar] footer{font-size:14px}html[lang=ar] .mm a{font-size:17px}
@media(max-width:1180px){html[lang=ar] nav{font-size:14px;gap:14px}html[lang=ar] header .cta{padding:9px 16px}}
@media(max-width:640px){html[lang=ar] .bn b{font-size:13.5px}html[lang=ar] .bn small{font-size:11px}html[lang=ar] .hc small{font-size:15px}html[lang=ar] .hr .ghost{font-size:13px}}
@media(max-width:380px){html[lang=ar] .bn b{font-size:12.5px}html[lang=ar] .bn small{font-size:10.5px}}
.f input{flex:2 1 230px}
@media(max-width:640px){.f input{flex:1 1 100%;border-bottom:1px solid #eee;border-radius:14px}}
/* Ivory and gold theme */
:root{--gold:#c9a45c}
body{background:#f4efe7}
.stats{display:none}
section>*{max-width:1240px;margin-inline:auto}
#eg{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
#g{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){#eg{grid-template-columns:repeat(4,minmax(0,1fr))}#g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#eg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#g{grid-template-columns:minmax(0,1fr)}}
.st h2{position:relative;padding-bottom:16px;margin-bottom:6px}.st h2::after{content:'';position:absolute;inset-inline-start:0;bottom:0;width:58px;height:3px;background:var(--gold);border-radius:3px}
#em{background:#f4efe7;border-block:1px solid #c9a45c55}
#pp{background:#fbf8f3}#bl{background:#f4efe7;border-top:1px solid #c9a45c55}.sv{background:#fbf8f3;border-block:1px solid #c9a45c40}
.c{background:#fff;border:1px solid #eadfcb;box-shadow:0 16px 44px #8a6d2f1f}.ec{box-shadow:0 18px 40px #3a2a0c40;border:1px solid #c9a45c}
.mo .btn{background:#16110a}
.eint{max-width:760px;margin:0 auto 22px;text-align:center;color:var(--mu);line-height:1.95}
.how{background:#f4efe7;border-block:1px solid #e8dfce}.hw{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.hs{background:#fff;border:1px solid #ece3d2;border-radius:18px;padding:24px}.hs i{font-family:var(--hf);font-style:normal;font-size:30px;color:#cdbfa3}.hs h3{font-family:var(--hf);font-weight:500;margin:8px 0 6px}.hs p{color:var(--mu);font-size:14px;line-height:1.8}

@media(max-width:700px){.hero{background:url(/hero-m-v1.webp) center bottom/cover no-repeat,url(/hero-m.svg) center bottom/cover no-repeat,#0a192f}.hero video{display:none}}
.mm .msub{display:none}.mm .msub.on{display:block}.mm a.mt{display:flex;justify-content:space-between;align-items:center}.mm a.mt:after{content:'';width:8px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);transition:.2s;margin-inline-start:10px}.mm a.mt.on:after{transform:rotate(-135deg) translateY(-2px)}