*{box-sizing:border-box}
html,body{min-width:1400px}
body{margin:0;background:#020202;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:auto}
.bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 50% 0,rgba(255,153,0,.18),transparent 35%),linear-gradient(135deg,#020202,#0d0800,#020202)}
.ticker{margin:8px;border:1px solid #8a5200;border-radius:8px;overflow:hidden;color:#ffb000;background:#070707;padding:10px;box-shadow:0 0 18px #ff990033}
.ticker span{display:inline-block;white-space:nowrap;animation:mar 24s linear infinite;font-weight:bold}
@keyframes mar{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
header{text-align:center;padding:20px 10px}
h1{font-size:78px;margin:8px;color:#ff9d00;text-shadow:0 0 25px #ff9500}
header p{color:#bbb;font-size:18px}
main{width:1400px;margin:auto;padding:12px}
.topcards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.card,.panel,.hero,footer{background:rgba(8,8,8,.88);border:1px solid #8a5200;border-radius:14px;box-shadow:0 0 20px #ff990022}
.card{padding:18px;display:grid;grid-template-columns:46px 1fr;gap:8px;align-items:center;min-height:122px}
.card div{font-size:34px;color:#ffb000;grid-row:span 3}
.card small{color:#ff9d00;font-weight:bold}
.card b{font-size:36px}
.card em{font-style:normal;color:#aaa;font-size:14px}
.hero{margin-top:18px;padding:18px;text-align:center;border-color:#ff8500}
.hero h2{margin:0 0 12px;font-size:44px;color:#ff8500;text-shadow:0 0 18px #ff8500}
.hero p{color:#ddd;font-size:18px}
.coin-center{display:flex;justify-content:center;align-items:center;padding:20px 0}
.coin{height:260px;width:260px;margin:auto;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#2b1600,#050505 70%);box-shadow:0 0 45px #ff990088}
.ring{position:absolute;inset:16px;border-radius:50%;border:12px dashed #ff9d00;animation:spin 6s linear infinite}
.btc{font-size:112px;color:#ffb000;text-shadow:0 0 30px #ff9900;z-index:2}
@keyframes spin{to{transform:rotate(360deg)}}
.bottom{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px;margin-top:18px}
.panel{padding:18px;min-height:260px}
.panel h3{color:#ff9d00;text-align:center;margin-top:0}
table{width:100%;border-collapse:collapse}
th,td{padding:12px;border-bottom:1px solid #ffffff14;text-align:left}
th{color:#aaa;font-size:13px}
.online{color:#63ff63;font-weight:bold}
.offline{color:#ff4d4d;font-weight:bold}
.info{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff14;padding:15px 0}
.info span{color:#bbb}
.info b{text-align:right}
.sub{display:block;color:#aaa;font-size:14px;margin-top:4px}
footer{width:1400px;margin:18px auto 10px;padding:20px;display:flex;justify-content:space-between;color:#ccc}
footer b{color:#ff9d00}

.card small{
    color:#ff9d00 !important;
    font-weight:bold !important;
    font-size:18px !important;
    letter-spacing:1px !important;
}

.card b{
    font-size:36px !important;
    font-weight:700 !important;
    text-shadow:0 0 10px #ff9900 !important;
}
