:root { --wmc-blue:#037cff; --wmc-cyan:#00d9ff; --wmc-gold:#ffbf2f; --wmc-line:rgba(91,155,255,.2); }
#wmc-dashboard { margin-bottom:32px; color:#f8fbff; }
.wmc-hero { position:relative; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr); min-height:390px; overflow:hidden; padding:55px 64px; border:1px solid var(--wmc-line); border-radius:28px; background:radial-gradient(circle at 76% 48%,rgba(0,126,255,.22),transparent 31%),radial-gradient(circle at 25% 0%,rgba(0,217,255,.08),transparent 34%),linear-gradient(125deg,#071426 0%,#050a13 62%,#091833 100%); box-shadow:0 30px 80px rgba(0,0,0,.28); }
.wmc-hero::before { content:''; position:absolute; inset:0; opacity:.22; pointer-events:none; background-image:linear-gradient(rgba(73,141,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(73,141,255,.15) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(90deg,#000,transparent 80%); }
.wmc-hero-copy { position:relative; z-index:2; align-self:center; }
.wmc-eyebrow { display:inline-flex; align-items:center; gap:9px; margin-bottom:19px; color:#9fc8ff; font-size:12px; font-weight:800; letter-spacing:.18em; }
.wmc-eyebrow i,.wmc-live-dot { width:8px; height:8px; border-radius:50%; background:#35e7a4; box-shadow:0 0 15px #35e7a4; }
.wmc-hero h1 { margin:0; max-width:700px; color:#fff; font-size:clamp(40px,5vw,70px); line-height:.98; letter-spacing:-.05em; }
.wmc-hero h1 em { font-style:normal; color:transparent; background:linear-gradient(90deg,var(--wmc-cyan),#4c91ff 50%,var(--wmc-gold)); background-clip:text; -webkit-background-clip:text; }
.wmc-hero p { max-width:650px; margin:24px 0 30px; color:#a9b8cc; font-size:17px; line-height:1.65; }
.wmc-actions { display:flex; flex-wrap:wrap; gap:12px; }
.wmc-actions button,.wmc-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 21px; border-radius:12px; font-weight:750; transition:.2s ease; }
.wmc-actions button { border:0; color:#031021; background:linear-gradient(110deg,var(--wmc-cyan),#4e91ff); cursor:pointer; box-shadow:0 10px 30px rgba(0,154,255,.24); }
.wmc-actions a { border:1px solid rgba(255,255,255,.16); color:#fff; background:rgba(255,255,255,.04); text-decoration:none; }
.wmc-actions button:hover,.wmc-actions a:hover { transform:translateY(-2px); filter:brightness(1.08); }
.wmc-hero-mark { position:relative; display:grid; place-items:center; min-height:270px; }
.wmc-hero-mark span { position:absolute; width:280px; aspect-ratio:1; border:1px solid rgba(52,161,255,.26); border-radius:50%; box-shadow:inset 0 0 65px rgba(0,126,255,.12),0 0 70px rgba(0,126,255,.12); }
.wmc-hero-mark span::after { content:''; position:absolute; inset:24px; border:1px dashed rgba(255,191,47,.26); border-radius:50%; }
.wmc-hero-mark img { position:relative; z-index:1; width:min(330px,100%); max-height:320px; object-fit:contain; filter:drop-shadow(0 25px 35px rgba(0,91,255,.28)); }
.wmc-network-bar { display:grid; grid-template-columns:repeat(4,1fr); margin:-1px 24px 0; border:1px solid var(--wmc-line); border-radius:0 0 18px 18px; background:rgba(6,15,29,.96); }
.wmc-network-bar>div { display:flex; flex-direction:column; justify-content:center; min-height:82px; padding:15px 24px; border-right:1px solid var(--wmc-line); }
.wmc-network-bar>div:first-child { position:relative; padding-left:42px; } .wmc-network-bar>div:last-child { border:0; }
.wmc-network-bar small,.wmc-stat-label { color:#7588a5; font-size:10px; font-weight:800; letter-spacing:.13em; }
.wmc-network-bar strong { margin-top:5px; color:#eaf3ff; font-size:14px; } .wmc-network-bar .wmc-live-dot { position:absolute; left:24px; top:28px; }
.wmc-live-dot.is-warning { background:var(--wmc-gold); box-shadow:0 0 15px var(--wmc-gold); }
.wmc-stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:24px; }
.wmc-stat-card { position:relative; display:flex; align-items:center; gap:18px; min-height:126px; padding:23px; overflow:hidden; border:1px solid var(--wmc-line); border-radius:18px; background:linear-gradient(145deg,rgba(12,27,51,.91),rgba(6,15,29,.91)); }
.wmc-stat-card::after { content:''; position:absolute; width:100px; height:100px; right:-50px; bottom:-60px; border-radius:50%; background:var(--wmc-blue); filter:blur(38px); opacity:.13; }
.wmc-stat-icon { display:grid; place-items:center; flex:0 0 48px; height:48px; border:1px solid rgba(42,148,255,.28); border-radius:14px; color:var(--wmc-cyan); background:rgba(0,126,255,.1); font-size:22px; }
.wmc-stat-card div { display:flex; min-width:0; flex-direction:column; } .wmc-stat-card strong { margin:5px 0 2px; color:#fff; font-size:25px; letter-spacing:-.03em; } .wmc-stat-card small { color:#8294ad; font-size:12px; }
#wmc-data-note { margin-top:12px; color:#697d99; font-size:11px; text-align:right; }
.wmc-native-search { margin-top:22px; padding:20px 24px!important; border:1px solid var(--wmc-line); border-radius:18px; background:rgba(7,17,32,.7); } .wmc-native-search h1 { font-size:16px!important; letter-spacing:0!important; }
.wmc-footer { min-height:72px!important; padding:0 28px!important; border-top:1px solid var(--wmc-line)!important; background:#070d16!important; }
.wmc-footer-inner { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; min-height:72px; color:#7f91aa; font-size:13px; }
.wmc-footer-inner i { color:#34465f; font-style:normal; }
.wmc-footer-inner a { color:#91bfff; font-weight:650; text-decoration:none; }
.wmc-footer-inner a:hover { color:var(--wmc-cyan); }
@media (min-width:1280px) { .group { container-type:inline-size; } @container (min-width:150px) { header:has(>a[aria-label="Link to main page"]){height:120px!important} header>a[aria-label="Link to main page"]{width:120px!important;height:120px!important;overflow:visible!important} header>a[aria-label="Link to main page"]>img{width:120px!important;height:120px!important;object-fit:contain!important;object-position:left center!important} } }
/* Blockscout's tablet/compact-desktop rail opens flyouts over page content.
   Give the navigation its own column and let the page become fluid instead. */
@media (min-width:640px) and (max-width:1199px) {
  .wmc-sidebar-shell { width:280px!important; min-width:280px!important; flex:0 0 280px!important; container-type:inline-size; }
  .wmc-sidebar-shell>header,.wmc-sidebar-shell>nav { width:248px!important; }
  .wmc-content-shell { width:calc(100vw - 280px)!important; min-width:0!important; max-width:calc(100vw - 280px)!important; }
  .wmc-content-shell>header,.wmc-content-shell>main { width:auto!important; min-width:0!important; max-width:none!important; margin-left:32px!important; margin-right:32px!important; }
  .wmc-sidebar-shell nav p,.wmc-sidebar-shell nav span { display:block!important; opacity:1!important; visibility:visible!important; }
  .wmc-sidebar-shell nav li>div,.wmc-sidebar-shell nav li>a { width:100%!important; }
  .wmc-sidebar-shell nav li>div>div { justify-content:flex-start!important; }
  .wmc-sidebar-shell nav li svg:last-child { margin-left:auto!important; }
  .wmc-sidebar-shell header:has(>a[aria-label="Link to main page"]) { height:112px!important; }
  .wmc-sidebar-shell header>a[aria-label="Link to main page"] { width:104px!important; height:104px!important; }
  .wmc-sidebar-shell header>a[aria-label="Link to main page"]>img { width:104px!important; height:104px!important; object-fit:contain!important; }
}
@media (max-width:900px) { .wmc-hero{grid-template-columns:1fr;padding:40px 30px}.wmc-hero-mark{position:absolute;right:-70px;bottom:-60px;width:300px;opacity:.25}.wmc-hero-copy{max-width:650px}.wmc-network-bar{grid-template-columns:repeat(2,1fr)}.wmc-network-bar>div:nth-child(2){border-right:0}.wmc-network-bar>div:nth-child(-n+2){border-bottom:1px solid var(--wmc-line)}.wmc-stat-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px) { .wmc-hero{min-height:430px;padding:36px 22px;border-radius:20px}.wmc-hero h1{font-size:40px}.wmc-hero p{font-size:14px}.wmc-network-bar{grid-template-columns:1fr;margin:0 10px}.wmc-network-bar>div{border-right:0;border-bottom:1px solid var(--wmc-line)}.wmc-stat-grid{grid-template-columns:1fr} }
@media (max-width:639px) { .wmc-footer-inner { align-content:center; gap:5px 8px; padding:12px 0; text-align:center; } }