:root{--bg:#070b14;--panel:#0e1524;--panel2:#111a2d;--border:#1d2940;--text:#f4f7ff;--muted:#8093b7;--blue:#6f98ff;--orange:#f7931a;--green:#62dc91}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#14213b 0,var(--bg) 42%);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:rgba(7,11,20,.92);backdrop-filter:blur(14px)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:25px;box-shadow:0 8px 28px rgba(247,147,26,.2)}.brand small{display:block;margin-top:4px;color:var(--muted);font-weight:500;font-size:12px}.site-nav{display:flex;align-items:center;gap:28px;color:#aebbd4;font-size:14px;font-weight:600}.site-nav a:hover{color:#fff}
.hero{padding:88px 0 58px;text-align:center}.hero-label,.eyebrow{color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.16em}.hero h1{max-width:820px;margin:15px auto 16px;font-size:clamp(42px,6vw,70px);line-height:1.04;letter-spacing:-.045em}.hero-text{max-width:680px;margin:0 auto;color:var(--muted);font-size:18px}.connect-box{width:min(680px,100%);margin:32px auto 0;padding:14px 18px;border:1px solid var(--border);border-radius:14px;background:#0b1220;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left}.connect-box span{display:block;color:var(--muted);font-size:11px;letter-spacing:.12em}.connect-box strong{font-family:Consolas,Monaco,monospace;font-size:14px}.online{color:var(--green);font-weight:800;font-size:12px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:70px}.card,.lookup-card,.table-card,.info-card{border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,var(--panel2),var(--panel))}.card{padding:25px;min-height:145px}.card span{display:block;color:var(--muted);font-size:13px}.card strong{display:block;margin-top:11px;font-size:27px;letter-spacing:-.025em}.card small{display:block;margin-top:8px;color:#62769d;font-size:12px}
.section{padding-bottom:70px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{margin:6px 0 0;font-size:30px}.lookup-card{padding:28px}.lookup-card>p{margin:0;color:var(--muted)}.lookup-form{display:flex;gap:10px;margin-top:20px}.lookup-form input{flex:1;min-width:0;padding:14px 16px;border:1px solid #293650;border-radius:10px;outline:0;background:#090f1b;color:#fff;font-size:15px}.lookup-form input:focus{border-color:var(--blue)}.lookup-form button{padding:0 25px;border:0;border-radius:10px;cursor:pointer;background:var(--orange);color:#fff;font-weight:800;font-size:14px}.miner-result{margin-top:20px}.table-card{overflow:hidden}.empty-state{padding:45px 25px;text-align:center;color:var(--muted)}
.connect-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.info-card{padding:22px}.info-card span{display:block;color:var(--muted);font-size:11px;letter-spacing:.1em}.info-card strong{display:block;margin-top:10px;overflow-wrap:anywhere;font-family:Consolas,Monaco,monospace;font-size:14px}
.site-footer{margin-top:20px;padding:32px 0;border-top:1px solid var(--border);color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner strong{color:#fff}.footer-inner span{margin-left:8px}
@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.container{width:min(100% - 28px,1180px)}.header-inner{min-height:64px}.site-nav{display:none}.hero{padding:62px 0 42px}.hero h1{font-size:42px}.hero-text{font-size:16px}.connect-box{align-items:flex-start;flex-direction:column}.stats-grid,.connect-grid{grid-template-columns:1fr}.lookup-form{flex-direction:column}.lookup-form button{min-height:46px}.footer-inner{flex-direction:column}.footer-inner span{display:block;margin:4px 0 0}}


/* PUBLIC MINER LOOKUP */

.miner-result {
    margin-top: 22px;
}

.miner-message {
    padding: 18px;
    border: 1px solid #1d2940;
    border-radius: 12px;
    background: #0b1220;
    color: #8093b7;
    text-align: center;
}

.miner-found {
    overflow: hidden;
    border: 1px solid #1d2940;
    border-radius: 16px;
    background: #0b1220;
}

.miner-found-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
    border-bottom: 1px solid #1d2940;
}

.miner-found-head span {
    display: block;
    margin-bottom: 5px;
    color: #8093b7;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
}

.miner-found-head strong {
    display: block;
    overflow-wrap: anywhere;
    font-family: Consolas, Monaco, monospace;
    font-size: 14px;
}

.miner-found-head em {
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
}

.miner-online {
    background: rgba(34, 197, 94, .12);
    color: #86efac;
}

.miner-inactive {
    background: rgba(148, 163, 184, .10);
    color: #94a3b8;
}

.miner-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: #1d2940;
}

.miner-stats > div {
    padding: 18px;
    background: #0e1524;
}

.miner-stats span {
    display: block;
    color: #8093b7;
    font-size: 12px;
}

.miner-stats strong {
    display: block;
    margin-top: 6px;
    font-size: 18px;
}

.miner-last-share {
    padding: 13px 20px;
    border-top: 1px solid #1d2940;
    color: #8093b7;
    font-size: 12px;
}

.miner-workers {
    padding: 20px;
    border-top: 1px solid #1d2940;
}

.miner-workers h3 {
    margin: 0 0 15px;
    font-size: 17px;
}

.miner-worker-table {
    overflow-x: auto;
}

.miner-worker-table table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
}

.miner-worker-table th,
.miner-worker-table td {
    padding: 12px 14px;
    border-bottom: 1px solid #1d2940;
    text-align: left;
    font-size: 12px;
}

.miner-worker-table th {
    color: #8093b7;
    font-weight: 700;
}

.miner-worker-table td {
    color: #cbd5e1;
}

@media (max-width: 700px) {
    .miner-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .miner-found-head {
        align-items: flex-start;
        flex-direction: column;
    }
}

.pplns-card {

background:#111827;

border:1px solid #25304a;

border-radius:20px;

padding:30px;

}



.pplns-title {

font-size:18px;

font-weight:600;

margin-bottom:20px;

}



.pplns-percent {

font-size:42px;

font-weight:700;

margin-bottom:20px;

}



.pplns-bar {

height:18px;

background:#202a3d;

border-radius:20px;

overflow:hidden;

margin-bottom:30px;

}



.pplns-bar-fill {

height:100%;

background:#e9a23b;

transition:.5s;

}



.pplns-grid {

display:grid;

grid-template-columns:
repeat(3,1fr);

gap:20px;

}



.pplns-grid div {

background:#151d30;

padding:20px;

border-radius:15px;

}



.pplns-grid span {

display:block;

color:#8ea0c9;

font-size:14px;

margin-bottom:8px;

}



.pplns-grid strong {

font-size:22px;

}


@media(max-width:700px){

.pplns-grid{

grid-template-columns:1fr;

}

}
