قائمة أثرياء العالم ٢٠٢٦: أقوى ٤٠٠ شخصية في عالم المال والأعمال

/* ==== design tokens copied from WorldIMN theme (main.css, body.wi-dark) ==== */ :root{ –wi-bg:#0C0C0C; –wi-bg-soft:#161616; –wi-bg-card:#121212; –wi-ticker-bg:#0A0A0A; –wi-border:#262626; –wi-border-strong:#333; –wi-text-primary:#F0F0F0; –wi-text-body:#E0E0E0; –wi-text-secondary:#999; –wi-text-muted:#666; –wi-accent:#E8401C; –wi-accent-hover:#C73518; –wi-positive:#16A34A; –wi-negative:#DC2626; –wi-font-ui:’Cairo’, sans-serif; –wi-font-body:’Vazirmatn’, ‘Cairo’, sans-serif; –wi-radius-sm:3px; –wi-radius-md:6px; –wi-radius-lg:10px; –wi-radius-full:9999px; } *{box-sizing:border-box; margin:0; padding:0;} html,body{ background:var(–wi-bg); color:var(–wi-text-primary); wi-font-body); } .site-topbar{ position:fixed; top:0; left:0; right:0; height:38px; display:flex; align-items:center; justify-content:space-between; padding:0 16px; background:var(–wi-ticker-bg); border-bottom:1px solid var(–wi-border); font-size:11px; color:var(–wi-text-secondary); z-index:20; letter-spacing:.5px; wi-font-ui); } .site-topbar b{color:var(–wi-text-primary); font-weight:800; letter-spacing:1px;} .live-badge{ display:inline-flex; align-items:center; gap:6px; } .live-badge .dot{ width:5px; height:5px; border-radius:50%; background:var(–wi-accent); animation:wi-blink 1s ease-in-out infinite; } @keyframes wi-blink{ 0%,100%{opacity:1;} 50%{opacity:.3;} } .stage{ height:100vh; width:100%; position:relative; } .scroller{ display:flex; flex-direction:row; height:100vh; width:100vw; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; } .scroller::-webkit-scrollbar{display:none;} .card{ flex:0 0 100vw; height:100vh; scroll-snap-align:start; display:flex; flex-direction:column; justify-content:center; padding:64px 26px 96px; position:relative; background:var(–wi-bg); overflow:hidden; wi-font-ui); } .card + .card{border-right:1px solid var(–wi-border);} .ghost-rank{ position:absolute; top:-2vh; left:-1vw; wi-font-ui); font-size:260px; font-weight:800; line-height:1; color:rgba(240,240,240,.05); z-index:0; pointer-events:none; user-select:none; } .top-row{ position:relative; z-index:1; display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:34px; } .progress-tag{ font-size:11px; color:var(–wi-text-muted); letter-spacing:.5px; font-variant-numeric:tabular-nums; } .rank-tag{ font-size:12px; color:var(–wi-accent); border:1px solid var(–wi-accent); border-radius:var(–wi-radius-full); padding:5px 14px; letter-spacing:.5px; font-weight:700; } .identity{ position:relative; z-index:1; display:flex; align-items:center; gap:16px; margin-bottom:30px; } .avatar-lg{ flex:0 0 auto; width:64px; height:64px; border-radius:50%; border:1px solid var(–wi-border); background:var(–wi-bg-card); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:22px; color:var(–wi-text-primary); } .name{font-size:26px; font-weight:900; margin-bottom:3px;} .source-line{color:var(–wi-text-secondary); font-size:12.5px; display:flex; align-items:center; gap:8px;} .ticker-tag{ font-size:10px; color:var(–wi-text-primary); border:1px solid var(–wi-border); border-radius:var(–wi-radius-sm); padding:1px 6px; font-variant-numeric:tabular-nums; } .worth-block{ position:relative; z-index:1; margin-bottom:26px; padding-bottom:26px; border-bottom:1px solid var(–wi-border); } .worth-label{ color:var(–wi-text-muted); font-size:10.5px; letter-spacing:2px; text-transform:uppercase; margin-bottom:8px; display:flex; align-items:center; gap:8px; } .live-dot{ width:6px; height:6px; border-radius:50%; background:var(–wi-positive); display:inline-block; animation:wi-blink 1.6s infinite; } .worth-value{ font-size:clamp(38px, 15vw, 64px); font-weight:800; line-height:1; font-variant-numeric:tabular-nums; display:flex; align-items:baseline; gap:8px; transition:color .3s; color:var(–wi-text-primary); } .worth-value .cur{font-size:clamp(16px, 6vw, 26px); color:var(–wi-text-muted); font-weight:400;} .delta{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:800; margin-top:12px; padding:5px 11px; border-radius:var(–wi-radius-sm); font-variant-numeric:tabular-nums; } .delta.up{color:var(–wi-positive); background:rgba(22,163,74,0.1);} .delta.down{color:var(–wi-negative); background:rgba(220,38,38,0.1);} .delta span.lbl{color:var(–wi-text-muted); font-weight:400; margin-right:2px;} .data-table{position:relative; z-index:1;} .data-row{ display:flex; justify-content:space-between; padding:13px 0; border-bottom:1px solid var(–wi-border); font-size:13.5px; } .data-row:last-child{border-bottom:none;} .data-row .k{color:var(–wi-text-muted);} .data-row .v{font-weight:600; color:var(–wi-text-body);} .live-src{font-size:11.5px; font-variant-numeric:tabular-nums;} .swipe-hint{ position:absolute; bottom:26px; left:26px; right:26px; z-index:1; display:flex; flex-direction:column; gap:14px; } .dots{ display:flex; gap:6px; justify-content:center; } .dots span{ width:5px; height:5px; border-radius:50%; background:var(–wi-border); transition:background .2s, width .2s; } .dots span.active{background:var(–wi-accent); width:16px; border-radius:3px;} .hint-text{ display:flex; justify-content:space-between; color:var(–wi-text-muted); font-size:10.5px; letter-spacing:.5px; } .hint-text .arrow{animation:nudge 1.6s ease-in-out infinite;} @keyframes nudge{ 0%,100%{transform:translateX(0);} 50%{transform:translateX(-6px);} } .list-section{ background:var(–wi-bg); padding:40px 16px 60px; border-top:1px solid var(–wi-border); wi-font-body); } .list-wrap{max-width:1000px; margin:0 auto;} .list-header{ text-align:center; margin-bottom:18px; wi-font-ui); } .list-header .eyebrow{ color:var(–wi-text-muted); letter-spacing:2px; font-size:10.5px; font-weight:700; text-transform:uppercase; } .list-header h2{ font-size:19px; font-weight:900; margin-top:6px; color:var(–wi-text-primary); } .list-header p{ color:var(–wi-text-muted); font-size:11.5px; margin-top:6px; } .table-scroll{ border:1px solid var(–wi-border); border-radius:var(–wi-radius-lg); background:var(–wi-bg-card); overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; } .table-scroll::-webkit-scrollbar{height:8px;} .table-scroll::-webkit-scrollbar-track{background:var(–wi-bg-card);} .table-scroll::-webkit-scrollbar-thumb{background:var(–wi-border-strong); border-radius:4px;} .table-scroll{scrollbar-width:thin; scrollbar-color:var(–wi-border-strong) var(–wi-bg-card);} .gtable{ min-width:760px; font-size:13px; wi-font-ui); } .ghead, .grow{ display:grid; grid-template-columns: 60px 1fr 130px 150px 130px 130px; } .ghead{ background:var(–wi-bg-soft); border-bottom:1px solid var(–wi-border); } .ghead .gcell{ color:var(–wi-text-muted); font-weight:700; font-size:10.5px; letter-spacing:.5px; } .grow{ border-bottom:1px solid var(–wi-border); background:var(–wi-bg-card); } .grow:last-child{ border-bottom:none; } .grow:hover{ background:var(–wi-bg-soft); } .gcell{ padding:12px 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:flex; align-items:center; color:var(–wi-text-body); } .gcell.rk{ color:var(–wi-text-muted); font-variant-numeric:tabular-nums; } .gcell.pname{ font-weight:600; color:var(–wi-text-primary); } .gcell.pworth{ font-weight:800; color:var(–wi-text-primary); font-variant-numeric:tabular-nums; } .gcell.pmuted{ color:var(–wi-text-secondary); } .gcell.pchg{ font-size:12px; font-variant-numeric:tabular-nums; font-weight:700; } .gcell.pchg.up{ color:var(–wi-positive); } .gcell.pchg.down{ color:var(–wi-negative); } .gcell.pchg.flat{ color:var(–wi-text-muted); } .scroll-note{ text-align:center; color:var(–wi-text-muted); font-size:10.5px; margin-top:10px; letter-spacing:.5px; } .api-banner{ max-width:1000px; margin:0 auto 18px; padding:12px 16px; border:1px dashed var(–wi-border); border-radius:var(–wi-radius-md); font-size:11.5px; color:var(–wi-text-muted); line-height:1.9; display:none; } .api-banner.show{display:block;}