.hjop24{font-family:Arial,sans-serif;background:#f3f6f9;color:#10243b;width:100%;max-width:none!important}.hjop24 .hero{position:relative;min-height:300px;padding:0;background:linear-gradient(120deg,#06192d,#0b416f);overflow:hidden}.hjop24 .overlay{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(242,165,27,.14),transparent 30%),linear-gradient(120deg,rgba(6,25,45,.98),rgba(11,65,111,.93))}.hero-inner{position:relative;z-index:2;max-width:1500px;margin:auto;padding:72px 40px;color:#fff}.kicker{color:#f2a51b;font-weight:800;letter-spacing:1.3px}.hero h1{font-size:58px;color:#fff;margin:10px 0}.hero p{font-size:20px;max-width:720px}.live{font-size:12px;font-weight:800}.live i{display:inline-block;width:8px;height:8px;background:#20c36a;border-radius:50%;margin-right:7px;animation:p 1.2s infinite}@keyframes p{50%{opacity:.25}}
.ticker{background:#071526;color:#fff;overflow:hidden;border-top:1px solid rgba(255,255,255,.08)}.track{display:flex;width:max-content;animation:roll 42s linear infinite}.tick{min-width:230px;padding:15px 28px;border-right:1px solid #385066}.tick strong,.tick em{display:block}.tick strong{font-size:18px;margin-top:3px}.tick em{font-style:normal;font-size:11px;color:#aebdcc}@keyframes roll{to{transform:translateX(-50%)}}
.wrap{max-width:1500px;margin:auto;padding:52px 36px}.heading{display:flex;justify-content:space-between;align-items:end}.heading h2{font-size:38px;margin:0}.heading p{color:#778497;font-size:16px}.updated{text-align:right;font-size:11px;color:#778497}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:32px 0 44px}.card{background:#fff;padding:26px;border-radius:16px;box-shadow:0 8px 26px #10243b12;border-top:4px solid #f2a51b;min-height:230px}.card-head{display:flex;justify-content:space-between;align-items:center}.card h3{margin:0 0 5px;font-size:21px}.status-dot{width:9px;height:9px;border-radius:50%;background:#20c36a}.market{font-size:12px;color:#7a8796;margin-bottom:22px}.value{font-size:36px}.card small{color:#758292}.delta{font-weight:800;font-size:14px;margin-top:9px}.up{color:#159b55!important}.down{color:#d94444!important}.spark{width:100%;height:56px;margin:12px 0;color:#6b7f96;overflow:visible}
.market-layout{display:grid;grid-template-columns:2fr 1fr;gap:22px}.panel{background:#fff;padding:28px;border-radius:16px;margin:0 0 22px;box-shadow:0 8px 26px #10243b0d;overflow:auto}.panel h2{margin-top:0;font-size:25px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid #e2e7ec}th{background:#0b3459;color:#fff}.quote{display:inline-block;background:#f2a51b;color:#071a30!important;padding:14px 22px;border-radius:6px;font-weight:800}.note{font-size:11px;color:#74808d;padding:8px}.portchips{display:flex;flex-wrap:wrap;gap:10px}.portchips span{background:#eef4f8;border:1px solid #d8e3ec;padding:9px 13px;border-radius:999px;font-size:12px;font-weight:700}
@media(max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}.market-layout{grid-template-columns:1fr}}@media(max-width:620px){.grid{grid-template-columns:1fr}.hero-inner{padding:50px 20px}.hero h1{font-size:36px}.wrap{padding:36px 18px}.heading{display:block}.updated{text-align:left;margin-top:10px}}