:root{--green:#2f8253;--ink:#10211a;--muted:#65776f;--line:#dfe9e3;--bg:#f7faf8}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;line-height:2}
a{color:var(--green)}
.top{max-width:980px;margin:28px auto 0;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.logo{width:180px;max-width:55%}
.back{text-decoration:none;border:1px solid var(--line);background:white;padding:8px 13px;border-radius:12px;color:#305d48}
.wrap{max-width:980px;margin:22px auto 55px;padding:0 20px}
.card{background:white;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 10px 28px rgba(38,75,56,.05)}
h1,h2{font-family:"Alexandria","IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
h1{font-size:32px;margin:0 0 6px} h2{font-size:18px;margin:30px 0 8px;color:#1f6846}
.meta{color:var(--muted);font-size:12px;margin-bottom:22px}
p,li{color:#4e6258;font-size:14px}
.notice{background:#edf6f0;border:1px solid #d8e8de;padding:14px 16px;border-radius:14px;color:#2e674a}
.footer{margin-top:22px;color:#7a8982;font-size:11px;text-align:center}
@media(max-width:600px){.card{padding:23px}.top{align-items:flex-start}.logo{width:150px}h1{font-size:26px}}