@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
    --bg:#050b14;
    --panel:#0d1728;
    --panel-2:#101c30;
    --line:#263650;
    --muted:#94a7c5;
    --text:#f4f7fb;
    --cyan:#aeeeff;
    --blue:#74c8ff;
    --green:#91e47d;
    --amber:#f6c85f;
    --red:#ff8088;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{
    margin:0;
    color:var(--text);
    background:
      radial-gradient(circle at 82% 8%,rgba(70,160,220,.10),transparent 32%),
      linear-gradient(rgba(95,150,210,.04) 1px,transparent 1px),
      linear-gradient(90deg,rgba(95,150,210,.04) 1px,transparent 1px),
      var(--bg);
    background-size:auto,88px 88px,88px 88px,auto;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
a{color:inherit;text-decoration:none}
.mc-header{
    position:sticky;top:0;z-index:30;
    min-height:96px;padding:0 clamp(24px,3.4vw,68px);
    display:flex;align-items:center;gap:30px;
    border-bottom:1px solid rgba(94,128,171,.35);
    background:rgba(5,11,20,.92);backdrop-filter:blur(18px);
}
.mc-brand{display:flex;align-items:center;gap:15px;min-width:270px}
.mc-brand-icon{
    width:58px;height:58px;display:grid;place-items:center;
    border-radius:17px;background:linear-gradient(135deg,#f8b94f,#e89429);
    font-size:30px;font-weight:900;
}
.mc-brand strong{display:block;font-size:24px;letter-spacing:.13em}
.mc-brand small{display:block;margin-top:6px;color:var(--muted);letter-spacing:.2em}
.mc-nav{flex:1;display:flex;justify-content:flex-end;gap:clamp(14px,1.35vw,28px);white-space:nowrap}
.mc-nav a{font-weight:750;color:#e9eef7}
.mc-nav a:hover,.mc-nav-active{color:var(--cyan)!important}
.mc-explorer{
    padding:16px 20px;border:1px solid #3a5679;border-radius:16px;
    font-weight:800;white-space:nowrap;background:#0b1626;
}
.mc-shell{width:min(1840px,calc(100% - 56px));margin:auto;padding:80px 0 90px}
.mc-hero{
    min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;
    align-items:center;gap:50px;
}
.mc-eyebrow,.mc-kicker{color:var(--cyan);font-weight:850;letter-spacing:.18em}
.mc-live-dot{
    display:inline-block;width:11px;height:11px;margin-right:10px;border-radius:50%;
    background:var(--green);box-shadow:0 0 24px var(--green);animation:pulse 1.7s infinite;
}
.mc-hero h1{
    margin:30px 0 24px;font-size:clamp(70px,7.2vw,142px);
    line-height:.87;letter-spacing:-.065em;
}
.mc-hero h1 span{color:var(--cyan)}
.mc-lead{max-width:900px;color:var(--muted);font-size:clamp(20px,1.55vw,30px);line-height:1.65}
.mc-orbit{position:relative;min-height:590px}
.mc-orbit-ring,.mc-orbit-core,.mc-satellite{position:absolute;border-radius:50%}
.mc-orbit-ring-a{inset:4%;border:1px solid #2a4161;animation:spin 32s linear infinite}
.mc-orbit-ring-b{inset:20%;border:1px dashed #27405f;animation:spinReverse 22s linear infinite}
.mc-orbit-core{
    width:230px;height:230px;left:50%;top:50%;transform:translate(-50%,-50%);
    display:grid;place-content:center;text-align:center;border:1px solid #74abc2;
    background:radial-gradient(circle,#101b2e,#070e19 70%);
    box-shadow:0 0 70px rgba(126,219,255,.12);
}
.mc-orbit-core small{color:var(--cyan);font-weight:900;letter-spacing:.15em}
.mc-orbit-core strong{font-size:70px;margin:12px 0}
.mc-orbit-core span{font-size:12px;color:var(--muted)}
.mc-satellite{width:18px;height:18px;background:var(--green);box-shadow:0 0 22px var(--green)}
.s1{left:49%;top:3%}.s2{right:9%;top:28%}.s3{right:7%;bottom:24%}.s4{left:26%;bottom:7%}.s5{left:6%;top:52%}
.mc-strip{
    display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);
    border-radius:24px;overflow:hidden;background:rgba(11,20,34,.8);margin-bottom:42px;
}
.mc-strip article{padding:28px 24px;border-right:1px solid var(--line);min-width:0}
.mc-strip article:last-child{border-right:0}
.mc-strip span,.mc-network-grid span{display:block;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.15em}
.mc-strip strong{display:block;font-size:34px;margin:14px 0 8px}
.mc-strip small{color:var(--muted)}
.mc-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:30px}
.mc-panel{
    border:1px solid var(--line);border-radius:28px;overflow:hidden;
    background:linear-gradient(145deg,rgba(18,31,52,.94),rgba(9,17,30,.96));
    box-shadow:0 24px 80px rgba(0,0,0,.18);
}
.mc-panel>header{
    padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;
    border-bottom:1px solid var(--line);
}
.mc-panel h2{margin:8px 0 0;font-size:clamp(28px,2.2vw,44px)}
.mc-kicker{margin:0;font-size:13px}
.mc-badge{
    padding:10px 15px;border-radius:999px;background:#18283b;color:var(--cyan);
    font-size:12px;font-weight:900;letter-spacing:.08em
}
.mc-badge-good{background:rgba(74,150,81,.18);color:var(--green)}
.mc-topology{grid-column:1/-1}
.mc-flow{display:flex;align-items:center;padding:45px 36px 54px}
.mc-node{
    flex:1;min-height:190px;padding:28px 18px;display:flex;flex-direction:column;
    align-items:center;justify-content:center;text-align:center;border:1px solid #30445f;
    border-radius:22px;background:#091321;transition:.25s;
}
.mc-node:hover{transform:translateY(-5px);border-color:#6eacc2}
.mc-node b{font-size:30px;color:var(--cyan);margin-bottom:20px}
.mc-node strong{font-size:18px}.mc-node span{margin-top:12px;color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase}
.mc-node[data-state="good"] span{color:var(--green)}
.mc-node[data-state="warn"] span{color:var(--amber)}
.mc-node[data-state="bad"] span{color:var(--red)}
.mc-link{width:76px;height:3px;background:#243a55;position:relative}
.mc-link i{position:absolute;width:28px;height:3px;background:var(--cyan);animation:signal 2s linear infinite}
.mc-health-body{display:grid;grid-template-columns:240px 1fr;align-items:center;gap:30px;padding:42px}
.mc-gauge{display:grid;place-items:center}
.mc-gauge-ring{
    width:190px;height:190px;border-radius:50%;display:grid;place-content:center;text-align:center;
    background:conic-gradient(var(--cyan) calc(var(--score,0)*1%),#26334a 0);
    position:relative;
}
.mc-gauge-ring:before{content:"";position:absolute;inset:18px;border-radius:50%;background:#091321}
.mc-gauge-ring strong,.mc-gauge-ring span{position:relative;z-index:1}
.mc-gauge-ring strong{font-size:55px}.mc-gauge-ring span{color:var(--muted)}
.mc-health-copy h3{font-size:34px;margin:0 0 14px}.mc-health-copy p{color:var(--muted);font-size:18px;line-height:1.65}
.mc-health-meta{display:flex;gap:14px;flex-wrap:wrap}
.mc-health-meta span{padding:10px 13px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}
.mc-health-meta b{color:var(--text)}
.mc-chart-panel{grid-column:1/-1}
.mc-chart-panel canvas{display:block;width:100%;height:320px;padding:24px}
.mc-time{color:var(--muted)}
.mc-chart-legend{display:flex;gap:24px;padding:0 36px 30px;color:var(--muted)}
.mc-chart-legend i{display:inline-block;width:26px;height:3px;margin-right:8px;vertical-align:middle}
.legend-peers{background:var(--cyan)}.legend-mempool{background:#a88cff}
.mc-events{min-height:560px}.mc-event-list{max-height:480px;overflow:auto}
.mc-event{
    display:grid;grid-template-columns:110px 14px 1fr auto;gap:18px;align-items:center;
    padding:23px 34px;border-bottom:1px solid var(--line)
}
.mc-event time{color:var(--muted);font-size:13px}
.mc-event>i{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}
.mc-event strong{display:block}.mc-event small{display:block;color:var(--muted);margin-top:6px;line-height:1.45}
.mc-event em{font-style:normal;color:var(--cyan);font-size:12px;font-weight:800}
.mc-empty{padding:38px;color:var(--muted)}
.mc-network-grid{display:grid;grid-template-columns:1fr 1fr;padding:28px;gap:18px}
.mc-network-grid div{padding:26px;border:1px solid var(--line);border-radius:18px;background:#091321}
.mc-network-grid strong{display:block;font-size:43px;margin-top:18px}
.mc-alert-list{padding:24px}
.mc-alert{display:flex;gap:16px;padding:18px;border:1px solid var(--line);border-radius:16px;margin-bottom:14px;background:#091321}
.mc-alert>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(100,190,110,.14);color:var(--green)}
.mc-alert p{margin:0}.mc-alert small{display:block;color:var(--muted);margin-top:7px;line-height:1.5}
.mc-alert-warn>span{color:var(--amber);background:rgba(210,160,45,.14)}
.mc-alert-bad>span{color:var(--red);background:rgba(210,70,80,.14)}
.mc-footer{display:flex;justify-content:space-between;gap:25px;padding:32px clamp(24px,3.4vw,68px);border-top:1px solid var(--line);color:var(--muted)}
.mc-footer strong,.mc-footer span{display:block}.mc-footer strong{color:var(--text);letter-spacing:.12em;margin-bottom:7px}

@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}
@keyframes signal{from{left:0}to{left:calc(100% - 28px)}}@keyframes pulse{50%{opacity:.45;transform:scale(.8)}}

@media(max-width:1300px){
    .mc-nav{display:none}.mc-brand{min-width:0}.mc-header{justify-content:space-between}
    .mc-strip{grid-template-columns:repeat(3,1fr)}.mc-strip article:nth-child(3){border-right:0}
    .mc-strip article:nth-child(-n+3){border-bottom:1px solid var(--line)}
    .mc-flow{overflow:auto}.mc-node{min-width:190px}.mc-link{min-width:55px}
}
@media(max-width:900px){
    .mc-shell{width:min(100% - 28px,1840px);padding-top:40px}
    .mc-hero{grid-template-columns:1fr;min-height:auto}.mc-orbit{min-height:480px}
    .mc-strip{grid-template-columns:1fr 1fr}.mc-strip article{border-bottom:1px solid var(--line)}
    .mc-strip article:nth-child(odd){border-right:1px solid var(--line)}.mc-strip article:nth-child(even){border-right:0}
    .mc-grid{grid-template-columns:1fr}.mc-topology,.mc-chart-panel{grid-column:1}
    .mc-health-body{grid-template-columns:1fr;text-align:center}.mc-health-meta{justify-content:center}
}
@media(max-width:560px){
    .mc-header{min-height:78px;padding:0 16px}.mc-brand-icon{width:46px;height:46px}
    .mc-brand strong{font-size:17px}.mc-brand small{font-size:9px}.mc-explorer{padding:12px 13px;font-size:12px}
    .mc-hero h1{font-size:58px}.mc-orbit{min-height:370px}.mc-orbit-core{width:160px;height:160px}
    .mc-orbit-core strong{font-size:48px}.mc-strip{grid-template-columns:1fr}.mc-strip article{border-right:0!important}
    .mc-panel>header{padding:24px}.mc-flow{padding:28px 20px}.mc-health-body{padding:28px}
    .mc-event{grid-template-columns:75px 12px 1fr}.mc-event em{display:none}.mc-network-grid{grid-template-columns:1fr}
    .mc-footer{flex-direction:column}
}