:root{--bg:#070707;--panel:#111;--card:#161616;--soft:#211b0f;--gold:#d4af37;--gold2:#f4d779;--text:#fff;--muted:#cfc6aa;--line:#3b3018;--shadow:0 22px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tajawal,Tahoma,Arial,sans-serif;background:radial-gradient(circle at 80% 0,#31250a 0,#090909 38%,#050505 100%);color:var(--text);line-height:1.85}a{color:inherit}.top{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 6%;background:rgba(7,7,7,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:56px;height:56px;border-radius:16px;object-fit:cover}.brand b,.gold{color:var(--gold2)}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a,.btn,.chip{border:1px solid rgba(212,175,55,.35);border-radius:999px;padding:10px 15px;text-decoration:none;transition:.25s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;font-weight:900}.nav a:hover,.btn:hover,.chip:hover,.card:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 14px 34px rgba(212,175,55,.14)}.hero{padding:70px 6% 34px;display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center}.badge{display:inline-flex;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;border-radius:999px;padding:7px 14px;font-weight:900}.hero h1{font-size:clamp(34px,5vw,64px);line-height:1.25;margin:16px 0;color:var(--gold2)}.lead{font-size:19px;color:var(--muted)}.panel,.card,.article-box,.toolbar,.faq details{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.panel{padding:24px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.stat{padding:16px;border-radius:18px;background:#101010;border:1px solid #2b2414;text-align:center}.stat b{display:block;color:var(--gold);font-size:28px}main{padding:0 6% 70px}.toolbar{padding:16px;margin:0 auto 28px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;position:relative}.search{position:relative}.search input,.toolbar select{width:100%;background:#0f0f0f;color:#fff;border:1px solid var(--line);border-radius:17px;padding:14px 18px;font:inherit}.suggestions{position:absolute;inset-inline:0;top:58px;background:#101010;border:1px solid var(--line);border-radius:18px;display:none;overflow:hidden;z-index:20}.suggestions a{display:block;padding:12px 16px;text-decoration:none;border-bottom:1px solid #222}.suggestions a:hover{background:var(--soft)}mark{background:var(--gold);color:#111;border-radius:5px}.section{margin:40px 0}.section h2{font-size:30px;color:var(--gold2)}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{background:#111;color:var(--gold2)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{padding:22px;display:flex;flex-direction:column;min-height:320px;animation:fade .45s ease both}.card i{font-size:32px;color:var(--gold)}.card p{color:var(--muted);flex:1}.meta{display:flex;flex-wrap:wrap;gap:8px;color:#dccf9b;font-size:14px}.meta span{background:var(--soft);border:1px solid #463817;border-radius:999px;padding:4px 9px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.list{display:grid;gap:10px}.list a{background:#111;border:1px solid var(--line);border-radius:16px;padding:13px;text-decoration:none}.empty{display:none;text-align:center;padding:28px;color:var(--muted)}.skeleton .card{min-height:180px;background:linear-gradient(90deg,#111,#24200f,#111);background-size:220% 100%;animation:shine 1s infinite}.article{max-width:1050px;margin:auto;padding:26px 6% 80px}.cover{min-height:280px;border-radius:30px;background:linear-gradient(135deg,#161106,#3a2d0f 55%,#0a0a0a);display:grid;place-items:center;border:1px solid var(--line);margin:20px 0;overflow:hidden}.cover i{font-size:76px;color:var(--gold)}.breadcrumb{color:#d9cca4;margin:16px 0}.article-box{padding:28px}.toc{position:sticky;top:96px}.toc a{display:block;color:var(--gold2);text-decoration:none;margin:8px 0}.notice{border-right:5px solid var(--gold);background:#17130a;padding:16px;border-radius:14px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.faq details{padding:13px;margin:10px 0}.progress{position:fixed;top:0;right:0;height:4px;background:var(--gold);width:0;z-index:80}.to-top{position:fixed;left:18px;bottom:18px;border:0;border-radius:50%;width:48px;height:48px;background:var(--gold);color:#111;font-weight:900;display:none}footer{text-align:center;padding:28px;border-top:1px solid var(--line);color:#aaa}@keyframes fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes shine{to{background-position:-220% 0}}@media(max-width:900px){.hero,.grid,.cols,.toolbar{grid-template-columns:1fr}.top{position:static;align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr}.article-box{padding:18px}.toc{position:static}}

/* Premium knowledge hub redesign layer */
body{background:radial-gradient(circle at 12% 0,rgba(212,175,55,.20),transparent 30%),radial-gradient(circle at 90% 20%,rgba(244,215,121,.10),transparent 28%),#050505}.top{min-height:76px;box-shadow:0 18px 60px rgba(0,0,0,.38)}.brand img{box-shadow:0 0 0 4px rgba(212,175,55,.10)}.nav a{background:rgba(255,255,255,.025)}.hero{min-height:58vh}.panel,.card,.article-box,.toolbar,.faq details{backdrop-filter:blur(18px);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.022));border-color:rgba(212,175,55,.22)}.card{border-radius:28px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(212,175,55,.16),transparent 45%);opacity:0;transition:.3s}.card:hover:before{opacity:1}.card i{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(212,175,55,.25);border-radius:20px;background:rgba(212,175,55,.09)}.toolbar{position:sticky;top:92px;z-index:30}.search input,.toolbar select{min-height:54px}.article{max-width:1160px}.cover{box-shadow:0 30px 90px rgba(0,0,0,.48)}.article-box{font-size:1.05rem}.article-box h2,.article-box h3{color:var(--gold2);scroll-margin-top:110px}.toc{border:1px solid rgba(212,175,55,.22);border-radius:22px;padding:18px;background:rgba(0,0,0,.25)}.progress{background:linear-gradient(90deg,var(--gold),var(--gold2))}.btn,.chip{box-shadow:0 10px 28px rgba(212,175,55,.08)}footer{background:#030303;border-top-color:rgba(212,175,55,.22)}@media(max-width:900px){.top{position:sticky}.nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.nav a{white-space:nowrap}.hero{padding-top:38px}.toolbar{position:static}.card{min-height:auto}.article{padding-inline:4%}}