.hx2{position:relative;overflow:hidden;background:radial-gradient(900px 520px at 78% 18%,rgba(59,130,246,.16),transparent 62%),radial-gradient(700px 420px at 10% 90%,rgba(6,182,212,.12),transparent 60%),linear-gradient(180deg,#F8FBFF 0%,#EEF4FF 100%);color:#0B1B3A;padding:3rem 0 2.6rem;border-bottom:1px solid #DCE6F5}
.hx2-bg{position:absolute;inset:0;background-image:radial-gradient(rgba(37,99,235,.13) 1px,transparent 1.3px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%)}
.hx2-g{position:relative;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);gap:2.2rem;align-items:start}.hx2-m{padding-top:1.2rem}
.hx2-k{display:inline-block;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1D4ED8;background:#E0EBFF;border-radius:999px;padding:.3rem .8rem;margin:0 0 1rem}html[lang=ar] .hx2-k{letter-spacing:0;font-size:.9rem}
.hx2 h1{color:#0B1B3A;font-family:var(--serif);font-weight:500;font-size:clamp(1.9rem,2.9vw,2.7rem);line-height:1.08;margin:0 0 1rem}html[lang=ar] .hx2 h1{font-family:"Tajawal",Tahoma,sans-serif;font-weight:700;font-size:clamp(1.55rem,2.2vw,2.15rem);line-height:1.4}
.hx2-p{color:#334766;font-size:.93rem;line-height:1.65;margin:0 0 1.3rem}.hx2-ml{font-size:.8rem;font-weight:600;color:#51607A;margin:0 0 .45rem}
.hx2-tabs{display:flex;flex-wrap:wrap;gap:.35rem}.hx2-tabs button{font:inherit;font-size:.84rem;font-weight:600;border:1px solid #C9D7EE;background:#fff;color:#0B1B3A;padding:.42rem .85rem;border-radius:999px;cursor:pointer;transition:all .2s}
.hx2-tabs button:hover{border-color:#2563EB;color:#1D4ED8}.hx2-tabs button[aria-pressed=true]{background:#2563EB;border-color:#2563EB;color:#fff;box-shadow:0 6px 16px rgba(37,99,235,.28)}
.hx2 .btns{margin-top:1.5rem}.hx2 .btn{border-color:#0B1B3A;color:#0B1B3A;border-radius:10px}.hx2 .btn.solid{background:#2563EB;border-color:#2563EB;color:#fff}.hx2 .btn.solid:hover{background:#1D4ED8}
.hx2-svg{width:100%;height:auto;display:block;direction:ltr;overflow:visible;filter:drop-shadow(0 18px 30px rgba(29,78,216,.10))}.hx2 .ctx{fill:#EEF1F5;stroke:#fff;stroke-width:.8}
.hx2 .st{stroke:#fff;stroke-width:1.2;cursor:pointer;transition:fill .6s ease,filter .25s,opacity .35s;opacity:0}.hx2.go .st{animation:hx2in .7s ease forwards}.hx2 .st.dim{opacity:.18!important}
@keyframes hx2in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hx2 .st:hover,.hx2 .st:focus{filter:brightness(1.08) drop-shadow(0 0 8px rgba(37,99,235,.45));outline:none}.hx2 .st.on{stroke:#06B6D4;stroke-width:2.6;filter:drop-shadow(0 0 10px rgba(6,182,212,.55))}
.hx2 .pin circle{stroke:#fff;stroke-width:2;cursor:pointer;transition:fill .6s,opacity .35s}.hx2 .pin.dim{opacity:.2}.hx2 .pin.on circle{stroke:#06B6D4;stroke-width:3}.hx2 .pin:focus{outline:none}.hx2 .lbl line{stroke:#7C8DB0;stroke-width:1}.hx2 .lbl text{fill:#1E2F55;font-size:13px;font-weight:600;pointer-events:none}
html[lang=ar] .hx2 .lbl text{font-family:"Tajawal",Tahoma,sans-serif;font-size:14px}.hx2 .inset rect{fill:#F4F8FF;stroke:#B9C9E4;stroke-dasharray:3 3}
@media (prefers-reduced-motion:reduce){.hx2 .st{opacity:1;animation:none!important}}
.hx2-tip{position:absolute;z-index:3;pointer-events:none;background:#0B1B3A;color:#fff;border-radius:8px;padding:.45rem .7rem;font-size:.82rem;box-shadow:0 10px 24px rgba(11,27,58,.25);display:flex;flex-direction:column;min-width:10rem}.hx2-tip b{font-size:.9rem}
.hx2-card{position:relative;margin-top:.9rem;display:grid;grid-template-columns:15rem minmax(0,1fr) minmax(0,1fr);column-gap:1.4rem;row-gap:.15rem;align-items:center;background:#fff;color:#0B1B3A;border-radius:14px;border:1px solid #DCE6F5;border-top:4px solid #2563EB;padding:.9rem 1.1rem;box-shadow:0 16px 36px rgba(29,78,216,.12);opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}.hx2-card.in{opacity:1;transform:none}.hx2-card[hidden]{display:none}
.hx2-card .hh{grid-column:1;grid-row:1}.hx2-card .big{grid-column:1;grid-row:2;border-bottom:0!important;margin:.3rem 0 0!important;padding:0!important}.hx2-card .b1{grid-column:2;grid-row:1}.hx2-card .b2{grid-column:3;grid-row:1}.hx2-card .b3{grid-column:2;grid-row:2}.hx2-card .b4{grid-column:3;grid-row:2}.hx2-card .dl{grid-column:2/4;grid-row:3}.hx2-card .ba{grid-column:1;grid-row:3;margin-top:.4rem!important}
.hx2-card .x{position:absolute;top:.35rem;inset-inline-end:.5rem;border:0;background:none;font-size:1.3rem;cursor:pointer;color:#51607A}
.hx2-card .hh{display:flex;gap:.7rem;align-items:center}.hx2-card .hh img{width:40px;height:27px;object-fit:cover;border-radius:3px;border:1px solid #E3EAF5}.hx2-card h3{margin:0;font-size:1.15rem}.hx2-card .hh p{margin:.1rem 0 0;font-size:.8rem;color:#51607A}
.hx2-card .big{display:flex;align-items:baseline;gap:.5rem}.hx2-card .big b{font-size:2.2rem;line-height:1;color:#1D4ED8}.hx2-card .big span{font-size:.82rem;color:#51607A}
.hx2-card .hb{display:grid;grid-template-columns:7.2rem minmax(0,1fr) 2.6rem;gap:.4rem;align-items:center;font-size:.78rem;padding:.18rem 0}.hx2-card .tr{height:7px;background:#EAF1FD;border-radius:4px;overflow:hidden}.hx2-card .tr i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,#3B82F6,#06B6D4);border-radius:4px;animation:hx2w .8s ease}
@keyframes hx2w{from{width:0}}.hx2-card .hb b{text-align:end}.hx2-card .dl{font-size:.78rem;margin:.5rem 0 0;color:#51607A}.hx2-card .up{color:#047857}.hx2-card .dn{color:#B91C1C}
.hx2-card .ba{display:flex;gap:.4rem}.hx2-card .ba a{white-space:nowrap;font-size:.8rem;font-weight:700;text-decoration:none;background:#2563EB;color:#fff;padding:.42rem .75rem;border-radius:8px}.hx2-card .ba a.g{background:#fff;color:#1D4ED8;border:1px solid #BFD3F6}
.hx2-leg{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center;font-size:.8rem;color:#334766;margin-top:.5rem}.hx2-leg span{display:inline-flex;align-items:center;gap:.35rem}.hx2-leg i{display:inline-block;width:13px;height:13px;border-radius:3px;border:1px solid rgba(11,27,58,.08)}
.hx2-note{font-size:.8rem;color:#51607A;margin:.4rem 0 0}.hx2-bnd{font-size:.72rem;color:#7C8DB0;margin:.3rem 0 0}
@media (max-width:1000px){.hx2-g{grid-template-columns:1fr}.hx2-card{grid-template-columns:1fr}.hx2-card>*{grid-column:1!important;grid-row:auto!important}}