@font-face{font-family:'Expo Arabic';src:url(/assets/expo-arabic-book.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Expo Arabic';src:url(/assets/expo-arabic-semibold.woff2) format('woff2');font-weight:600;font-display:swap}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FBF5EF;color:#08182F;font-family:'Expo Arabic',system-ui,sans-serif;font-size:17px;line-height:1.85}
a{color:#A0532A}
a:hover{color:#08182F}
header{background:#08182F;padding:18px 20px}
header .bar{max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
header img{height:40px;width:auto;display:block}
header nav{display:flex;gap:16px;font-size:15px}
header nav a{color:#DAE5FE;text-decoration:none}
header nav a:hover{color:#C57340}
.strip{height:22px;background:linear-gradient(135deg,#DAE5FE 25%,transparent 25%) 0 0/22px 22px,linear-gradient(225deg,#DAE5FE 25%,transparent 25%) 0 0/22px 22px,#C57340}
main{max-width:760px;margin:0 auto;padding:36px 20px 64px}
h1{font-size:32px;font-weight:600;line-height:1.3;margin:0 0 6px}
h2{font-size:22px;font-weight:600;line-height:1.4;margin:34px 0 8px}
h3{font-size:18px;font-weight:600;margin:20px 0 4px}
p,li{margin:0 0 10px}
ul,ol{padding-inline-start:22px;margin:0 0 12px}
.meta{color:#4B5568;font-size:15px;margin:0 0 22px}
.card{background:#FFFFFF;border:1px solid #E8E1D6;border-radius:18px;padding:18px 20px;margin:16px 0}
.card.navy{background:#08182F;color:#FBF5EF;border:0}
.card.navy a{color:#C57340}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:14px;background:#08182F;color:#FBF5EF;font-weight:600;text-decoration:none;font-size:16px}
.btn:hover{background:#A0532A;color:#FBF5EF}
.lang{border-top:2px solid #E2DACE;margin-top:48px;padding-top:28px}
[dir=ltr]{text-align:left}
.ltr{direction:ltr;unicode-bidi:isolate}
footer{border-top:1px solid #E2DACE;color:#4B5568;font-size:14px;padding:22px 20px 40px;text-align:center}
footer a{margin:0 8px}
@media (max-width:480px){h1{font-size:27px}header nav{gap:12px;font-size:14px}main{padding-top:26px}}