:root{--bg:#0b0d12;--card:#151924;--line:#262c3b;--txt:#eef1f7;--mut:#9aa3b5;--acc:#7c5cff;--acc2:#22d3ee}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Arabic",Tahoma,sans-serif;background:radial-gradient(1200px 600px at 50% -200px,#1d1640,var(--bg));color:var(--txt);min-height:100vh;display:flex;flex-direction:column}
a{color:var(--acc2)}main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:16px}
.top{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;padding:12px 16px;max-width:760px;margin:0 auto;width:100%}
.brand{font-weight:800;letter-spacing:.06em;color:var(--txt);text-decoration:none}.brand span{font-weight:400;color:var(--mut);letter-spacing:0;font-size:.85em}
nav{display:flex;gap:12px;flex-wrap:wrap}nav a{color:var(--mut);text-decoration:none;font-size:.92em}nav a:hover{color:var(--txt)}
nav .lang{border:1px solid var(--line);border-radius:999px;padding:2px 10px;color:var(--txt)}
.bio{text-align:center;max-width:460px;margin:0 auto}
.disc{font-size:.85em;background:#2a2210;border:1px solid #5c4a14;color:#ffe7a3;border-radius:12px;padding:10px 12px;margin:4px 0 20px}
.avatar{width:84px;height:84px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;font-size:40px;font-weight:900;background:linear-gradient(135deg,var(--acc),var(--acc2))}
h1{margin:.2em 0;line-height:1.2}.bio h1 span{font-weight:400;color:var(--mut);font-size:.55em}
.tag{color:var(--mut);margin-top:0}.links{display:grid;gap:12px;margin:22px 0}
.btn{display:flex;flex-direction:column;padding:14px 18px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--txt);text-decoration:none;transition:transform .15s,border-color .15s}
.btn:hover,.btn:focus-visible{transform:translateY(-2px);border-color:var(--acc)}.btn small{color:var(--mut)}
.contact{color:var(--mut);font-size:.9em}
.doc{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}
.doc h2{font-size:1.15em;margin-top:1.6em}.meta{color:var(--mut);font-size:.9em}
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9em}th,td{border:1px solid var(--line);padding:8px;text-align:start;vertical-align:top}th{background:#1c2130}
footer{text-align:center;color:var(--mut);font-size:.85em;padding:20px 16px}footer p{margin:4px 0}footer a{color:var(--mut)}
@media(min-width:700px){.doc{padding:32px 40px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}
.hero{text-align:center;padding:28px 0 8px}.hero h1{font-size:2.6em;letter-spacing:.08em;background:linear-gradient(90deg,var(--acc),var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent}
section{margin:24px 0}.cards{display:grid;gap:12px}@media(min-width:620px){.cards{grid-template-columns:1fr 1fr}}
.card{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--txt);text-decoration:none}.card:hover{border-color:var(--acc)}.card small{color:var(--mut)}
.pill{display:inline-block;padding:10px 18px;border-radius:999px;background:var(--acc);color:#fff;text-decoration:none;font-weight:600;margin:4px}.pill.alt{background:transparent;border:1px solid var(--line);color:var(--txt)}
.pc{display:grid;gap:8px}@media(min-width:620px){.pc{grid-template-columns:1fr 1fr}}hr{border:0;border-top:1px solid var(--line);margin:24px 0}code{background:#0f121a;padding:1px 5px;border-radius:4px}