:root{
  --bg:#060a12; --bg2:#0a101c; --panel:#0e1524cc; --panel-solid:#0e1524; --line:#1e2d45;
  --gold:#f5c451; --gold-lt:#ffd978; --gold-d:#c9972e;
  --teal:#22d3ee; --teal-d:#0891b2; --crimson:#ff6b6b;
  --green:#7ee787; --text:#e6edf6; --muted:#8b97a8;
  --neon:linear-gradient(90deg,#f5c451,#ffd978,#22d3ee);
  --head:'Orbitron',system-ui,sans-serif; --body:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--body);position:relative;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-2;
  background:
    radial-gradient(circle at 85% -5%, rgba(245,196,81,.14), transparent 42%),
    radial-gradient(circle at 0% 100%, rgba(34,211,238,.12), transparent 45%),
    radial-gradient(circle at 50% 40%, rgba(255,215,120,.04), transparent 55%),
    linear-gradient(var(--bg),var(--bg))}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.45;
  background-image:linear-gradient(rgba(245,196,81,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.05) 1px,transparent 1px);
  background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 75%);mask-image:linear-gradient(180deg,#000,transparent 75%)}
a{color:var(--teal);text-decoration:none;font-weight:600}
a:hover{color:#fff;text-shadow:0 0 10px var(--teal)}
h1,h2,h3{font-family:var(--head);color:#fff;line-height:1.12;letter-spacing:.04em}
h1{font-size:2rem;font-weight:800;margin:.1em 0 .35em;text-transform:uppercase;
  text-shadow:0 0 20px rgba(245,196,81,.45),0 0 40px rgba(34,211,238,.2)}
h2{font-size:1.15rem;font-weight:700;margin:28px 0 10px;color:var(--gold-lt);text-transform:uppercase}
h3{font-size:.92rem;font-weight:700;margin:0 0 6px;color:var(--teal)}
.lead{font-size:1.08rem;color:#b8c4d4;margin-top:0;font-family:var(--body)}
.mut,.muted{color:var(--muted);font-size:.92rem}
.tag{color:var(--gold);font-weight:700;word-break:break-all}

.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;
  background:rgba(6,10,18,.88);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(245,196,81,.35);box-shadow:0 0 30px -8px rgba(245,196,81,.35);
  position:sticky;top:0;z-index:10}
.brand{display:flex;align-items:center}
.brand-img{display:block;height:88px;width:auto;max-width:min(340px,58vw);
  filter:drop-shadow(0 0 14px rgba(245,196,81,.5)) drop-shadow(0 0 28px rgba(34,211,238,.25))}
.topbar nav a{margin-left:18px;color:#b8c4d4;font-weight:700;font-size:.82rem;text-transform:uppercase;
  letter-spacing:.06em;font-family:var(--head)}
.topbar nav a:hover{color:var(--gold);text-shadow:0 0 12px var(--gold)}
@media(max-width:760px){.topbar{flex-wrap:wrap;gap:10px;padding:12px 16px}.topbar nav{width:100%}.topbar nav a{margin:0 14px 0 0;font-size:.75rem}.brand-img{height:64px}}

.freshbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;
  background:var(--bg2);color:#b8c4d4;font-size:.78rem;padding:8px 18px;
  border-bottom:1px solid rgba(34,211,238,.22);font-family:var(--head);text-transform:uppercase;letter-spacing:.05em}
.freshbar strong{color:var(--gold)}
.freshbar .sep{opacity:.35}
.freshbar .live{display:inline-flex;align-items:center;gap:6px;color:var(--green)}
.freshbar .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(126,231,135,.6)}70%{box-shadow:0 0 0 8px rgba(126,231,135,0)}100%{box-shadow:0 0 0 0 rgba(126,231,135,0)}}

.wrap{display:grid;grid-template-columns:1fr 300px;gap:28px;max-width:1180px;margin:0 auto;padding:28px}
@media(max-width:900px){.wrap{grid-template-columns:1fr}}
.content{min-width:0}
.sidebar .card{position:sticky;top:100px}
@media(max-width:900px){.sidebar .card{position:static}}

.card{background:var(--panel);border:1px solid rgba(245,196,81,.28);padding:20px 22px;margin:0 0 20px;
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);
  box-shadow:0 0 0 1px rgba(34,211,238,.05), 0 18px 40px -22px rgba(245,196,81,.35), inset 0 0 32px -20px rgba(34,211,238,.15)}
.card.hero-index{border-color:rgba(245,196,81,.55);background:linear-gradient(145deg,rgba(245,196,81,.08),rgba(14,21,36,.95));
  box-shadow:0 0 40px -12px rgba(245,196,81,.45), inset 0 0 50px -25px rgba(34,211,238,.2)}
.big{font-family:var(--head);font-size:3rem;font-weight:900;margin:6px 0;line-height:1;
  background:var(--neon);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 16px rgba(245,196,81,.55))}
.statband{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 22px}
@media(max-width:700px){.statband{grid-template-columns:repeat(2,1fr)}}
.statband .stat{background:linear-gradient(160deg,#121a2a,#0a101c);border:1px solid rgba(34,211,238,.28);
  padding:16px 12px;text-align:center;clip-path:polygon(0 0,100% 0,100% 100%,12px 100%,0 calc(100% - 12px));
  box-shadow:inset 0 0 24px -14px var(--teal)}
.statband .num{display:block;font-family:var(--head);font-weight:800;font-size:1.35rem;
  background:var(--neon);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 8px rgba(245,196,81,.4))}
.statband .lbl{display:block;color:var(--muted);font-size:.68rem;margin-top:4px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--head)}

table.rates{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.88rem}
table.rates th{text-align:left;color:var(--teal);font-weight:700;font-size:.68rem;text-transform:uppercase;
  letter-spacing:.08em;padding:10px 8px;border-bottom:1px solid var(--teal-d);font-family:var(--head)}
table.rates td{padding:11px 8px;border-bottom:1px solid var(--line)}
table.rates tbody tr:hover td{background:rgba(34,211,238,.06);box-shadow:inset 3px 0 0 var(--gold)}
.num{text-align:right;font-variant-numeric:tabular-nums}
.spark{font-size:22px;letter-spacing:2px;color:var(--green);margin-top:10px;word-break:break-all;filter:drop-shadow(0 0 6px rgba(126,231,135,.4))}
.movers{margin:6px 0;padding-left:18px}.movers li{margin:4px 0}

.cta{display:block;background:linear-gradient(120deg,#c9972e,#f5c451 45%,#22d3ee);color:#0a0e18;text-align:center;
  padding:13px 16px;margin:8px 0;font-weight:800;font-family:var(--head);text-transform:uppercase;letter-spacing:.04em;font-size:.88rem;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);
  box-shadow:0 0 22px -6px rgba(245,196,81,.65);transition:filter .15s,transform .15s}
.cta:hover{filter:brightness(1.1);transform:translateY(-1px);color:#060a12}
.cta .perk{display:block;font-weight:600;font-size:.68rem;opacity:.85;margin-top:2px;font-family:var(--body);text-transform:none;letter-spacing:0}
.cta-row .cta{margin-bottom:0}
.disclaimer{color:var(--muted);font-size:.76rem;margin-top:10px}

input,select{background:#060a12;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit}
label{color:var(--muted);font-size:.84rem}
button,.btn{background:linear-gradient(120deg,#c9972e,#f5c451);color:#0a0e18;border:0;border-radius:8px;padding:9px 16px;
  font-weight:800;font-family:var(--head);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}
button:hover,.btn:hover{filter:brightness(1.08)}

.network{margin:8px 0 0;padding:14px 0;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.network a{color:var(--muted);font-weight:600;margin:0 6px}
.network a:hover{color:var(--gold)}

.footer{max-width:1180px;margin:0 auto;padding:20px 28px 40px;color:var(--muted);font-size:.82rem;border-top:1px solid var(--line)}
.mobilebar{display:none;position:fixed;bottom:0;left:0;right:0;padding:10px 14px;background:rgba(6,10,18,.95);
  border-top:1px solid rgba(245,196,81,.3);z-index:9;gap:8px}
.mobilebar .cta{margin:0;flex:1;font-size:.76rem;padding:11px}
@media(max-width:900px){.mobilebar{display:flex}body{padding-bottom:64px}}

#to-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border:1px solid rgba(245,196,81,.4);
  background:rgba(14,21,36,.9);color:var(--gold);border-radius:50%;cursor:pointer;font-size:1.2rem;
  box-shadow:0 0 16px rgba(245,196,81,.3);opacity:0;pointer-events:none;transition:opacity .2s}
#to-top.show{opacity:1;pointer-events:auto}