@font-face{font-family:'Manrope';src:url('/fonts/Manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'Alexandria';src:url('/fonts/Alexandria-Arabic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--ink:#f6f3e9;--muted:#aaa99f;--line:#d2b45d35;--gold:#d2b45d;--panel:#11120f}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at top,#211b10 0,#0c0d0b 42%,#080908 100%);color:var(--ink);font:16px/1.72,'Manrope',sans-serif;min-height:100vh}
a{color:#e0c56c;text-decoration-thickness:1px;text-underline-offset:3px}
.shell{width:min(880px,calc(100% - 32px));margin:0 auto;padding:22px 0 64px}
.top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 0 22px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:.08em}
.brand img{width:42px;height:42px}
.tools{display:flex;align-items:center;gap:14px}.tools a{font-size:13px}
.toggle{border:1px solid #d2b45d66;border-radius:999px;background:#15140f;color:var(--ink);padding:8px 14px;font:inherit;font-size:13px;cursor:pointer}
.eyebrow{margin:34px 0 5px;color:var(--gold);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}
h1{font-family:'Manrope',sans-serif;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.12;letter-spacing:-.035em;margin:0 0 10px}
h2{font-family:'Manrope',sans-serif;font-size:20px;font-weight:750;line-height:1.3;margin:30px 0 7px;color:#f5f0e2}
p,li{color:var(--muted)}.updated{margin:0;color:#aaa99f;font-size:13px}
.intro{margin:18px 0 28px;font-size:17px}
.card{padding:clamp(18px,4vw,34px);border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#171813,#0e0f0d);box-shadow:0 22px 60px #0007}
.card h2:first-child{margin-top:0}.note{padding:13px 16px;border-inline-start:3px solid var(--gold);border-radius:8px;background:#ffffff08}
.contact{margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
.foot{display:flex;justify-content:space-between;gap:15px;margin-top:22px;color:#aaa99f;font-size:12px}
.ar,.ar *{font-family:'Alexandria','Manrope',sans-serif}.ar{line-height:1.9}.ar h1,.ar h2{font-family:'Alexandria','Manrope',sans-serif;letter-spacing:0}
@media(max-width:560px){.shell{width:calc(100% - 22px);padding-top:12px}.brand img{width:36px;height:36px}.tools{gap:9px}.tools a{font-size:12px}.card{border-radius:12px}.foot{flex-direction:column}}

body{background:radial-gradient(ellipse at 12% 8%,#45172122,transparent 38%),radial-gradient(ellipse at 88% 55%,#70421a12,transparent 38%),#0d090b;color:#f5f1ed;font-family:'Manrope',sans-serif}.brand{font-family:'Manrope',sans-serif;letter-spacing:.08em}.eyebrow{color:#c69b53}h1,h2{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.035em}.card{border-color:#765c455c;border-radius:9px;background:linear-gradient(145deg,#1b171a,#120e11);box-shadow:0 22px 65px #0008}.top{border-color:#c69b5340}.toggle{border-color:#c69b5366;background:#1a1417;color:#f5f1ed}.foot{border-color:#c69b5340}.ar h1,.ar h2{font-family:'Alexandria','Manrope',sans-serif}
