:root{--ink:#152942;--steel:#5d6b7d;--line:#ebe7dc;--bg:#fdfcf8;--gold:#c7a359;--card:#fff}
*{box-sizing:border-box}body{margin:0;font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.8}
a{color:var(--ink);text-decoration-color:var(--gold)}a:hover{color:var(--gold)}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
.top{background:#fff;border-bottom:1px solid var(--line)}.top .wrap{display:flex;justify-content:space-between;align-items:center;min-height:64px;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:20px}.brand small{display:block;font-size:11px;color:var(--steel);font-weight:500;letter-spacing:2px}
nav{display:flex;gap:18px;font-size:14px}nav a{text-decoration:none;color:var(--steel)}
.hero{text-align:center;padding:64px 0 40px}.wordmark{max-width:90%;height:auto;margin-bottom:16px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.madeby{max-width:80%;height:auto;margin-bottom:8px}.brand img{border-radius:9px}.lead{color:var(--steel);font-size:18px;margin:4px 0}
.en{font-family:system-ui,sans-serif}h2 .en{font-size:14px;color:var(--steel);font-weight:500;margin-inline-start:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}
.appname{font-size:22px;font-weight:700}.appname span{font-size:14px;color:var(--gold);margin-inline-start:6px}
.card p{margin:6px 0;color:var(--steel);font-size:15px}.links{display:flex;gap:14px;margin-top:12px;font-size:14px}
.about,.doc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 28px;margin:24px 0}
.doc h1{font-size:26px;margin-top:0}.doc h2{font-size:18px;margin-bottom:4px}.muted{color:var(--steel);font-size:14px}
.doc.en{line-height:1.6}
footer{border-top:1px solid var(--line);margin-top:40px;padding:20px 0;color:var(--steel);font-size:13px;text-align:center}
@media(max-width:600px){.doc{padding:18px}}