@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/ibmplexsansarabic/IBMPlexSansArabic-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/ibmplexsansarabic/IBMPlexSansArabic-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/ibmplexsansarabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/ibmplexsansarabic/IBMPlexSansArabic-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("/assets/fonts/manrope/Manrope-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("/assets/fonts/manrope/Manrope-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("/assets/fonts/manrope/Manrope-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("/assets/fonts/manrope/Manrope-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--color-primary:#243C35;--color-secondary:#BBC6B9;--color-background:#F3F0E8;--color-surface:#FEFCF7;--color-textPrimary:#202923;--color-textSecondary:#59645C;--color-border:#D7D0C4;--color-accent:#8C4E3C;--color-white:#FFFFFF;--color-black:#000000;--space-0:0px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--space-96:96px;--space-128:128px;--font-ar:"IBM Plex Sans Arabic",sans-serif;--font-en:"Manrope",sans-serif;--container-max:1280px;--container-reading:720px;--gutter:24px;--gap:16px;--radius:0px;--surface-image:url("/assets/mineral-surface.webp");--surface-opacity:0.04;--surface-size:1536px 1024px}
/* Rihab Al Bayan v1.0 | Local self-hosted fonts, OFL 1.1 */









*{box-sizing:border-box;}body{margin:0;color:var(--color-textPrimary);background:var(--color-background);font-family:var(--font-ar);font-size:18px;line-height:32px;}
html[lang="en"] body,:lang(en){font-family:var(--font-en);}
.container{width:min(calc(100% - 2*var(--gutter)),var(--container-max));margin-inline:auto;}
.reading{max-width:var(--container-reading);}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);}
button,.button{font:500 16px/24px var(--font-ar);min-height:48px;padding:12px 24px;background:var(--color-primary);color:var(--color-surface);border:1px solid var(--color-primary);border-radius:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
.button:hover{background:var(--color-textPrimary);border-color:var(--color-textPrimary);}.button:active{background:#000000;}.button.secondary{background:transparent;color:var(--color-primary);}
a{color:var(--color-accent);text-underline-offset:4px;} :focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;}
button:disabled{background:var(--color-border);color:var(--color-textSecondary);cursor:not-allowed;}
input,textarea{font:400 18px/32px var(--font-ar);min-height:48px;padding:16px;border:1px solid var(--color-textSecondary);border-radius:2px;background:var(--color-surface);color:var(--color-textPrimary);}
[aria-invalid="true"]{border:2px solid var(--color-accent);}.error{color:var(--color-accent);}
.card{padding:24px;border-top:1px solid var(--color-border);border-radius:0;background:transparent;}
.divider{border:0;border-top:1px solid var(--color-border);margin:32px 0;}
.type-displayXL{font-weight:500;font-size:44px;line-height:56px;letter-spacing:0;margin:0;} :lang(en).type-displayXL{line-height:50px;letter-spacing:-0.025em;}
.type-h1{font-weight:500;font-size:36px;line-height:48px;letter-spacing:0;margin:0;} :lang(en).type-h1{line-height:43px;letter-spacing:-0.025em;}
.type-h2{font-weight:500;font-size:30px;line-height:42px;letter-spacing:0;margin:0;} :lang(en).type-h2{line-height:38px;letter-spacing:-0.025em;}
.type-h3{font-weight:500;font-size:24px;line-height:36px;letter-spacing:0;margin:0;} :lang(en).type-h3{line-height:32px;letter-spacing:-0.025em;}
.type-h4{font-weight:600;font-size:20px;line-height:30px;letter-spacing:0;margin:0;} :lang(en).type-h4{line-height:27px;letter-spacing:-0.025em;}
.type-lead{font-weight:400;font-size:20px;line-height:34px;letter-spacing:0;margin:0;} :lang(en).type-lead{line-height:31px;letter-spacing:0em;}
.type-body{font-weight:400;font-size:18px;line-height:32px;letter-spacing:0;margin:0;} :lang(en).type-body{line-height:29px;letter-spacing:0em;}
.type-small{font-weight:400;font-size:16px;line-height:28px;letter-spacing:0;margin:0;} :lang(en).type-small{line-height:25px;letter-spacing:0em;}
.type-caption{font-weight:400;font-size:14px;line-height:24px;letter-spacing:0;margin:0;} :lang(en).type-caption{line-height:22px;letter-spacing:0em;}
.type-navigation{font-weight:500;font-size:16px;line-height:24px;letter-spacing:0;margin:0;} :lang(en).type-navigation{line-height:22px;letter-spacing:0.04em;}
@media(min-width:768px){:root{--gutter:32px;--gap:24px;}.grid{grid-template-columns:repeat(8,minmax(0,1fr));}}
@media(min-width:1200px){:root{--gutter:64px;}.grid{grid-template-columns:repeat(12,minmax(0,1fr));}.card{padding:32px;}
.type-displayXL{font-size:80px;line-height:88px;} :lang(en).type-displayXL{line-height:88px;}
.type-h1{font-size:64px;line-height:80px;} :lang(en).type-h1{line-height:72px;}
.type-h2{font-size:48px;line-height:64px;} :lang(en).type-h2{line-height:58px;}
.type-h3{font-size:32px;line-height:46px;} :lang(en).type-h3{line-height:41px;}
.type-h4{font-size:24px;line-height:36px;} :lang(en).type-h4{line-height:32px;}
.type-lead{font-size:24px;line-height:40px;} :lang(en).type-lead{line-height:36px;}
.type-body{font-size:18px;line-height:32px;} :lang(en).type-body{line-height:29px;}
.type-small{font-size:16px;line-height:28px;} :lang(en).type-small{line-height:25px;}
.type-caption{font-size:14px;line-height:24px;} :lang(en).type-caption{line-height:22px;}
.type-navigation{font-size:16px;line-height:24px;} :lang(en).type-navigation{line-height:22px;}
} @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}.type-displayXL{font-size:44px;line-height:56px;font-weight:500;letter-spacing:0em}
@media(min-width:1200px){.type-displayXL{font-size:80px;line-height:88px}}
.type-h1{font-size:36px;line-height:48px;font-weight:500;letter-spacing:0em}
@media(min-width:1200px){.type-h1{font-size:64px;line-height:80px}}
.type-h2{font-size:30px;line-height:42px;font-weight:500;letter-spacing:0em}
@media(min-width:1200px){.type-h2{font-size:48px;line-height:64px}}
.type-h3{font-size:24px;line-height:36px;font-weight:500;letter-spacing:0em}
@media(min-width:1200px){.type-h3{font-size:32px;line-height:46px}}
.type-h4{font-size:20px;line-height:30px;font-weight:600;letter-spacing:0em}
@media(min-width:1200px){.type-h4{font-size:24px;line-height:36px}}
.type-lead{font-size:20px;line-height:34px;font-weight:400;letter-spacing:0em}
@media(min-width:1200px){.type-lead{font-size:24px;line-height:40px}}
.type-body{font-size:18px;line-height:32px;font-weight:400;letter-spacing:0em}
@media(min-width:1200px){.type-body{font-size:18px;line-height:32px}}
.type-small{font-size:16px;line-height:28px;font-weight:400;letter-spacing:0em}
@media(min-width:1200px){.type-small{font-size:16px;line-height:28px}}
.type-caption{font-size:14px;line-height:24px;font-weight:400;letter-spacing:0em}
@media(min-width:1200px){.type-caption{font-size:14px;line-height:24px}}
.type-navigation{font-size:16px;line-height:24px;font-weight:500;letter-spacing:0em}
@media(min-width:1200px){.type-navigation{font-size:16px;line-height:24px}}
@media(min-width:768px){:root{--gutter:32px;--gap:24px}}@media(min-width:1200px){:root{--gutter:64px}}