:root{--accent:#185FA5;--accent-strong:#134d85;--text:#2C2C2A;--text2:#5F5E5A;--bg:#F1EFE8;--card:#fff;--border:#E4E1D8}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Tajawal','Segoe UI',Tahoma,sans-serif;background:linear-gradient(180deg,#F1EFE8,#e9e6dc);color:var(--text);line-height:1.95;padding:26px 18px 60px;min-height:100vh}
.wrap{max-width:760px;margin:0 auto}
.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:30px;box-shadow:0 12px 40px rgba(20,18,12,.08)}
a{color:var(--accent)}
a:hover{color:var(--accent-strong)}
h1{font-size:1.9rem;margin-bottom:4px;display:flex;gap:10px;align-items:center}
h2{font-size:1.15rem;margin:24px 0 6px;color:var(--accent-strong)}
p,li{color:var(--text2);margin-bottom:8px}
ul{padding-inline-start:22px}
.home{display:inline-flex;gap:6px;align-items:center;margin-bottom:20px;text-decoration:none;font-weight:800;color:var(--accent)}
.home:hover{text-decoration:underline}
.updated{font-size:.82rem;color:#9a988f;margin-top:6px}
.muted{font-size:.85rem;color:#9a988f;margin-top:26px;border-top:1px solid var(--border);padding-top:16px}
.q{font-weight:800;color:var(--text);margin:18px 0 2px;font-size:1.02rem}
.center{text-align:center}
.big{font-size:4rem;margin-bottom:8px}
.btn{display:inline-block;margin-top:14px;background:var(--accent);color:#fff;text-decoration:none;font-weight:800;padding:12px 22px;border-radius:12px}
.btn:hover{background:var(--accent-strong);color:#fff}