*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:#f4f1ff;color:#1f1147;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Nastaliq Urdu","Noto Sans Bengali","Noto Sans Devanagari",sans-serif}
a{color:#6d28d9}.wrap{max-width:860px;margin:0 auto;padding:14px 16px 60px}
header.top{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}
.logo{font-weight:800;color:#7c3aed;text-decoration:none}.btn{display:inline-block;background:#7c3aed;color:#fff!important;text-decoration:none;border:0;border-radius:12px;padding:12px 18px;font-weight:700;font-size:16px;cursor:pointer}
.btn.ghost{background:#fff;color:#4c1d95!important;border:1px solid #ddd6fe}
h1{font-size:26px;line-height:1.3;margin:8px 0}.sub{color:#5b4b8a;margin:0 0 12px}
.langs,.cats{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.chip{border:1px solid #ddd6fe;background:#fff;border-radius:999px;padding:8px 14px;font-size:15px;cursor:pointer;color:#2e1065}.chip.on{background:#7c3aed;color:#fff;border-color:#7c3aed}
input.q{width:100%;padding:12px 14px;border:1px solid #c4b5fd;border-radius:12px;font-size:16px;background:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:14px}
.card{background:#fff;border:1px solid #e9e3ff;border-radius:16px;padding:14px;text-decoration:none;color:#1f1147;display:block;box-shadow:0 2px 8px #7c3aed14}.card:hover{border-color:#7c3aed}
.card b{display:block;font-size:16px;line-height:1.4}.card small{color:#6b5b95}
.note{background:#ede9fe;border-radius:12px;padding:10px 14px;font-size:14px;margin:12px 0}
ol.st{list-style:none;margin:16px 0;padding:0;counter-reset:s}ol.st li{counter-increment:s;background:#fff;border:1px solid #e9e3ff;border-radius:16px;padding:14px 14px 14px 58px;margin:12px 0;position:relative}
[dir=rtl] ol.st li{padding:14px 58px 14px 14px}
ol.st li:before{content:counter(s);position:absolute;top:12px;left:14px;width:32px;height:32px;border-radius:50%;background:#7c3aed;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
[dir=rtl] ol.st li:before{left:auto;right:14px}
ol.st p{margin:0 0 8px;font-size:17px}ol.st img{display:block;width:100%;max-width:300px;height:auto;border-radius:12px;border:1px solid #ddd6fe;margin-top:6px;background:#fff}
.foot{margin-top:26px;color:#6b5b95;font-size:14px}
.btnrow{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}