:root{--ink:#1B1830;--muted:#5E5A70;--brand:#6D5EF5;--green:#0FB984;--bg:#F6F5F1;--card:#fff;--line:#E7E4EE}
@media (prefers-color-scheme:dark){:root{--ink:#F2F0FA;--muted:#A7A3B8;--bg:#0F0E15;--card:#1A1824;--line:#2A2736}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Rubik,Roboto,sans-serif}
main{max-width:720px;margin:0 auto;padding:32px 20px 64px}
header{display:flex;align-items:center;gap:12px;margin-bottom:24px}header img{width:44px;height:44px;border-radius:11px}header a{color:inherit;text-decoration:none;font-weight:700;font-size:20px}
h1{font-size:30px;line-height:1.2;margin:8px 0 4px}h2{font-size:19px;margin:28px 0 6px}
.updated{color:var(--muted);font-size:14px}a{color:var(--brand)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin:18px 0}
ul{padding-inline-start:20px}li{margin:4px 0}
.he{direction:rtl;text-align:right;border-top:1px solid var(--line);margin-top:40px;padding-top:12px}
footer{margin-top:40px;color:var(--muted);font-size:14px}
.hero{text-align:center;padding:40px 0}.hero img{width:120px;height:120px;border-radius:28px;box-shadow:0 12px 30px rgba(109,94,245,.25)}
.hero h1{font-size:36px}.pill{display:inline-block;background:#DDF7EC;color:#0A8F66;font-weight:700;font-size:14px;padding:6px 12px;border-radius:999px}
.btn{display:inline-block;background:#0E8A55;color:#fff!important;padding:12px 22px;border-radius:14px;font-weight:700;text-decoration:none}
.small{font-size:13px;opacity:.8}