/* ═══════════════════════════════════════════════════════════════════════
   SOQUPOOL — Tactical Mining Operations Interface
   Futuristic Military CLI aesthetic • Soqucoin Labs Inc.
   ═══════════════════════════════════════════════════════════════════════ */
:root {
    --bg: #060a10; --bg2: #0a1018; --bg3: #0f1620;
    --green: #00e676; --green-dim: #0d3320; --green-glow: rgba(0,230,118,0.08);
    --green-line: rgba(0,230,118,0.15); --green-muted: #1b5e20;
    --amber: #ffab00; --amber-dim: rgba(255,171,0,0.1);
    --blue: #448aff; --red: #ff5252;
    --text: #c8d6e5; --text2: #7f8c9b; --text3: #3d4f5f;
    --border: rgba(0,230,118,0.08); --border-strong: rgba(0,230,118,0.18);
    --radius: 2px;
    --mono: 'JetBrains Mono', 'Fira Code', monospace;
    --sans: 'Inter', -apple-system, sans-serif;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}
.container{max-width:1100px;margin:0 auto;padding:0 24px}

/* Chamfered corner clip-path (military/tactical cards) */
.chamfer{clip-path:polygon(0 8px, 8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px))}

/* Section labels — HUD annotation style */
.hud-label{font-family:var(--mono);font-size:.6rem;color:var(--text3);letter-spacing:3px;text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:8px}
.hud-label::before{content:'';width:16px;height:1px;background:var(--green);opacity:.4}

h2{font-family:var(--mono);font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:1px;text-transform:uppercase}
h2::after{content:'';display:block;width:48px;height:2px;background:var(--green);margin-top:8px;opacity:.6}

code{font-family:var(--mono);background:rgba(0,230,118,.06);border:1px solid var(--border);padding:2px 6px;border-radius:var(--radius);font-size:.8rem;color:var(--green)}

/* Scanline overlay — subtle CRT/military display effect */
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;
    background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.015) 2px,rgba(0,0,0,.015) 4px);
    opacity:.6}

/* ─── NAV ────────────────────────────────────────────────────────────── */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0;background:rgba(6,10,16,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-strong)}
.nav-inner{max-width:1100px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between}
.nav-logo{text-decoration:none;display:flex;align-items:center;gap:8px}
.logo-text{font-family:var(--mono);font-weight:700;font-size:1rem;color:var(--green);letter-spacing:4px}
.logo-text::before{content:'▸';margin-right:4px;opacity:.5}
.nav-links{display:flex;gap:6px}
.nav-links a{color:var(--text2);text-decoration:none;font-size:.75rem;font-family:var(--mono);font-weight:500;transition:color .2s;letter-spacing:1px;text-transform:uppercase;padding:6px 10px;border:1px solid transparent;border-radius:var(--radius)}
.nav-links a:hover{color:var(--green);border-color:var(--border-strong);background:var(--green-glow)}
.nav-actions{display:flex;gap:10px}

/* ─── BUTTONS ────────────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:var(--radius);font-weight:600;font-size:.8rem;text-decoration:none;transition:all .2s;border:none;cursor:pointer;font-family:var(--mono);letter-spacing:1px;text-transform:uppercase}
.btn-primary{background:var(--green);color:#000;box-shadow:0 0 20px rgba(0,230,118,.15)}
.btn-primary:hover{background:#00c853;box-shadow:0 0 30px rgba(0,230,118,.25);transform:translateY(-1px)}
.btn-outline{background:transparent;color:var(--text2);border:1px solid var(--border-strong)}
.btn-outline:hover{border-color:var(--green);color:var(--green);background:var(--green-glow)}
.btn-sm{padding:7px 14px;font-size:.7rem}

/* ─── HERO ───────────────────────────────────────────────────────────── */
.hero{position:relative;padding:130px 24px 50px;text-align:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-grid{position:absolute;inset:0;
    background-image:
        linear-gradient(rgba(0,230,118,.02) 1px,transparent 1px),
        linear-gradient(90deg,rgba(0,230,118,.02) 1px,transparent 1px);
    background-size:64px 64px}
/* Crosshair origin marker */
.hero-grid::after{content:'';position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);
    border:1px solid rgba(0,230,118,.04);border-radius:50%;
    box-shadow:inset 0 0 40px rgba(0,230,118,.02)}
.hero-content{position:relative;z-index:1;max-width:700px;margin:0 auto}
.hero-sys{font-family:var(--mono);font-size:.6rem;color:var(--text3);letter-spacing:3px;margin-bottom:16px;text-transform:uppercase}
.hero-sys .blink{animation:blink 1.2s infinite}
@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}
.hero-title{font-family:var(--mono);font-size:clamp(2.5rem,7vw,4rem);font-weight:900;letter-spacing:10px;color:#fff;margin-bottom:4px;
    text-shadow:0 0 40px rgba(0,230,118,.15)}
.hero-tagline{font-family:var(--mono);font-size:.85rem;color:var(--green);letter-spacing:3px;text-transform:uppercase;font-weight:500;margin-bottom:20px;opacity:.7}
.hero-desc{font-size:.9rem;color:var(--text2);line-height:1.7;margin-bottom:28px;max-width:540px;margin-left:auto;margin-right:auto}
.hero-cta{display:flex;gap:12px;justify-content:center}

/* ─── STATS STRIP — HUD Telemetry Bar ────────────────────────────── */
.stats-strip{border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);background:var(--bg2);padding:0;position:relative}
.stats-strip::before{content:'SYS TELEMETRY';position:absolute;top:-8px;left:24px;font-family:var(--mono);font-size:.5rem;color:var(--text3);letter-spacing:3px;background:var(--bg2);padding:0 6px}
.stats-inner{max-width:1100px;margin:0 auto;display:flex;align-items:stretch}
.ss-item{flex:1;text-align:center;padding:14px 12px;border-right:1px solid var(--border)}
.ss-item:last-child{border-right:none}
.ss-label{display:block;font-size:.55rem;font-family:var(--mono);color:var(--text3);text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-bottom:4px}
.ss-val{font-family:var(--mono);font-size:.95rem;font-weight:700;color:#fff}
.ss-val.accent{color:var(--green)}
.ss-val.live{color:var(--green);position:relative}
.ss-val.live::after{content:'';display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-left:6px;animation:pulse-dot 2s infinite;vertical-align:middle}
@keyframes pulse-dot{0%,100%{opacity:1;box-shadow:0 0 4px var(--green)}50%{opacity:.4;box-shadow:none}}

/* ─── SECTIONS ───────────────────────────────────────────────────────── */
.section{padding:72px 0;position:relative}
.section.dark{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.section-sub{color:var(--text2);font-size:.85rem;margin-bottom:36px;max-width:640px}

/* ─── DATA TABLES — Tactical Display ─────────────────────────────── */
.data-table{width:100%;border-collapse:collapse;font-size:.8rem;margin-bottom:20px;border:1px solid var(--border)}
.data-table th{text-align:left;padding:10px 14px;font-size:.6rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:2px;color:var(--text3);font-weight:600;border-bottom:2px solid var(--border-strong);background:rgba(0,230,118,.02)}
.data-table td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text2);font-size:.82rem}
.data-table tbody tr:hover{background:rgba(0,230,118,.03)}
.coin-tag{display:inline-block;padding:2px 8px;border-radius:var(--radius);font-weight:700;font-size:.65rem;font-family:var(--mono);letter-spacing:1px;margin-right:8px;vertical-align:middle}
.coin-tag.ltc{background:rgba(68,138,255,.1);color:var(--blue);border:1px solid rgba(68,138,255,.2)}
.coin-tag.soq{background:rgba(0,230,118,.08);color:var(--green);border:1px solid rgba(0,230,118,.15)}
.coin-tag.doge{background:rgba(255,171,0,.08);color:var(--amber);border:1px solid rgba(255,171,0,.15)}
.coin-tag.bel{background:rgba(160,120,255,.08);color:#a078ff;border:1px solid rgba(160,120,255,.15)}
.coin-tag.elc{background:rgba(255,80,80,.08);color:#ff6666;border:1px solid rgba(255,80,80,.15)}
.coin-tag.jkc{background:rgba(0,200,255,.08);color:#00c8ff;border:1px solid rgba(0,200,255,.15)}
td.free{color:var(--green);font-weight:600;font-family:var(--mono)}
td.pq{color:var(--green);font-weight:500;font-family:var(--mono)}
td.fee-val{font-family:var(--mono)}

/* Compare table */
.table-wrap{overflow-x:auto}
.compare th,.compare td{text-align:center;font-size:.78rem}
.compare th:first-child,.compare td:first-child{text-align:left}
.hl{background:rgba(0,230,118,.03);color:#fff !important}
th.hl{color:var(--green) !important;border-bottom:2px solid var(--green)}
td.yes{color:var(--green);font-family:var(--mono);font-size:.75rem}
td.no{color:var(--text3);font-family:var(--mono);font-size:.75rem}

/* ─── INFO BAR — Tactical Advisory ───────────────────────────────── */
.info-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(0,230,118,.03);border:1px solid var(--border-strong);border-left:3px solid var(--green);border-radius:0;font-size:.78rem;color:var(--text2)}
.info-bar svg{color:var(--green);flex-shrink:0}

/* ─── TERMINAL — the strongest visual element ────────────────────── */
.terminal{background:#040810;border:1px solid var(--border-strong);border-radius:0;overflow:hidden;max-width:700px;margin:0 auto 32px;box-shadow:0 0 30px rgba(0,230,118,.04)}
.term-bar{display:flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(0,230,118,.03);border-bottom:1px solid var(--border-strong)}
.term-dot{width:7px;height:7px;border-radius:50%}
.term-dot.r{background:#ff5252}.term-dot.y{background:#ffab00}.term-dot.g{background:#00e676}
.term-title{font-family:var(--mono);font-size:.65rem;color:var(--text3);margin-left:6px;letter-spacing:2px;text-transform:uppercase}
.term-body{padding:18px 20px;font-family:var(--mono);font-size:.82rem;line-height:1.9}
.term-line{display:flex;gap:10px}
.term-line.spacer{margin-top:12px}
.t-c{color:var(--text3);font-style:normal;opacity:.6}
.t-k{color:var(--green);min-width:50px;font-weight:600}
.t-v{color:var(--text2)}
.t-h{color:#fff}
/* Blinking cursor in terminal */
.term-cursor::after{content:'█';animation:blink .8s infinite;color:var(--green);font-weight:400}

/* ─── CONNECT NOTES ──────────────────────────────────────────────── */
.connect-notes{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.cn-item{font-size:.82rem;color:var(--text2);padding:10px 14px;background:rgba(0,230,118,.02);border:1px solid var(--border);border-left:2px solid var(--green);border-radius:0}
.cn-item strong{color:#fff;font-family:var(--mono);font-size:.78rem}

/* ─── VANGUARD ───────────────────────────────────────────────────── */
.vanguard-details{max-width:700px;margin:0 auto}
.vg-row{display:flex;gap:24px;padding:14px 0;border-bottom:1px solid var(--border)}
.vg-row:last-child{border-bottom:none}
.vg-label{min-width:160px;font-size:.7rem;font-family:var(--mono);color:var(--text3);text-transform:uppercase;letter-spacing:1px;font-weight:600;padding-top:2px}
.vg-value{font-size:.85rem;color:var(--text2);line-height:1.6}

/* ─── FAQ ────────────────────────────────────────────────────────── */
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.faq-item{padding:18px;border:1px solid var(--border);border-radius:0;background:rgba(0,230,118,.015);position:relative;transition:border-color .3s}
.faq-item:hover{border-color:var(--border-strong)}
.faq-item::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--green);opacity:.3}
.faq-item h4{color:#fff;font-size:.85rem;margin-bottom:8px;font-weight:600;font-family:var(--mono);letter-spacing:.5px}
.faq-item p{color:var(--text2);font-size:.82rem;line-height:1.7}

/* ─── COIN TICKERS — live AuxPoW network section ──────────────────── */
.coin-tickers{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:24px}
.coin-tick{padding:12px 14px;border:1px solid var(--border);background:rgba(0,230,118,.02);display:flex;align-items:center;gap:10px;transition:border-color .2s}
.coin-tick:hover{border-color:var(--border-strong)}
.coin-tick-info{flex:1}
.coin-tick-name{font-family:var(--mono);font-size:.72rem;color:#fff;font-weight:600;letter-spacing:1px}
.coin-tick-sub{font-size:.6rem;color:var(--text3);margin-top:1px}
.coin-tick-tag{font-family:var(--mono);font-size:.55rem;padding:2px 6px;border-radius:var(--radius);letter-spacing:1px;font-weight:700}

/* ─── POOL SUMMARY — Mini Telemetry Bar (leaderboard) ───────── */
.pool-summary{display:flex;border:1px solid var(--border-strong);background:var(--bg);margin-bottom:24px}
.ps-item{flex:1;text-align:center;padding:12px 8px;border-right:1px solid var(--border)}
.ps-item:last-child{border-right:none}
.ps-label{display:block;font-size:.5rem;font-family:var(--mono);color:var(--text3);text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-bottom:3px}
.ps-val{font-family:var(--mono);font-size:.85rem;font-weight:700;color:#fff}
.ps-val.accent{color:var(--green)}
.ps-val.live{color:var(--green);position:relative}
.ps-val.live::after{content:'';display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-left:6px;animation:pulse-dot 2s infinite;vertical-align:middle}

/* ─── LEADERBOARD TABLE — extends .data-table ────────────────── */
.leaderboard th:first-child,.leaderboard td:first-child{width:50px;text-align:center}
.leaderboard td:nth-child(3),.leaderboard td:nth-child(5),.leaderboard td:nth-child(6){font-family:var(--mono);text-align:right}
.leaderboard th:nth-child(3),.leaderboard th:nth-child(5),.leaderboard th:nth-child(6){text-align:right}
.leaderboard td:last-child,.leaderboard th:last-child{text-align:right;width:90px}

/* Tier badges */
.tier-badge{display:inline-block;padding:2px 8px;font-weight:700;font-size:.6rem;font-family:var(--mono);letter-spacing:1px;border-radius:var(--radius)}
.tier-gold{color:#ffab00;background:rgba(255,171,0,.08);border:1px solid rgba(255,171,0,.18)}
.tier-silver{color:#c0c0c0;background:rgba(192,192,192,.06);border:1px solid rgba(192,192,192,.15)}
.tier-bronze{color:#cd7f32;background:rgba(205,127,50,.08);border:1px solid rgba(205,127,50,.18)}
.tier-genesis{color:var(--green);background:rgba(0,230,118,.06);border:1px solid rgba(0,230,118,.12)}
.tier-pending{color:var(--text3);background:transparent;border:1px solid var(--border)}

/* Rank numbers */
.rank-gold{color:#ffab00;font-weight:800}
.rank-silver{color:#c0c0c0;font-weight:800}
.rank-bronze{color:#cd7f32;font-weight:800}

/* Inactive miner row */
.leaderboard tr.miner-inactive{opacity:.5}
.miner-status-inactive{color:var(--amber);font-family:var(--mono);font-size:.6rem;letter-spacing:1px;padding:2px 6px;border:1px solid rgba(255,171,0,.18);background:rgba(255,171,0,.06)}
.miner-infra{color:var(--text3);font-family:var(--mono);font-size:.55rem;letter-spacing:1px;margin-left:6px;padding:1px 4px;border:1px solid var(--border);vertical-align:middle}

/* Section separator inside leaderboard */
.lb-section-row td{padding:8px 14px !important;font-family:var(--mono);font-size:.55rem;color:var(--text3);letter-spacing:3px;text-transform:uppercase;background:rgba(0,230,118,.015);border-bottom:1px solid var(--border)}

/* ─── LUCKY BLOCKS ──────────────────────────────────────────── */
.lucky-wrap{border:1px solid var(--border);background:var(--bg)}
.lucky-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:.78rem}
.lucky-row:last-child{border-bottom:none}
.lucky-row .lucky-icon{font-size:1rem;flex-shrink:0}
.lucky-row .lucky-height{color:var(--green);font-weight:700;min-width:80px}
.lucky-row .lucky-miner{color:#fff;flex:1}
.lucky-row .lucky-time{color:var(--text3);font-size:.7rem}
.lucky-show-all{text-align:center;padding:8px;font-family:var(--mono);font-size:.65rem;color:var(--text3);letter-spacing:1px;cursor:pointer;border-top:1px solid var(--border);transition:color .2s}
.lucky-show-all:hover{color:var(--green)}

/* ─── FOOTER ─────────────────────────────────────────────────────── */
.footer{border-top:1px solid var(--border-strong);padding:40px 0 20px}
.footer-inner{display:flex;justify-content:space-between;margin-bottom:28px}
.footer-logo{font-family:var(--mono);font-weight:700;font-size:.9rem;color:var(--green);letter-spacing:3px;margin-bottom:6px;display:block}
.footer-brand p{color:var(--text3);font-size:.75rem}
.footer-links{display:flex;gap:48px}
.footer-col h5{color:var(--text3);font-size:.6rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-weight:600}
.footer-col a{display:block;color:var(--text2);text-decoration:none;font-size:.8rem;padding:3px 0;transition:color .2s}
.footer-col a:hover{color:var(--green)}
.footer-bottom{padding-top:20px;border-top:1px solid var(--border)}
.footer-bottom p{color:var(--text3);font-size:.65rem;text-align:center;font-family:var(--mono);letter-spacing:1px}

/* ─── RESPONSIVE ─────────────────────────────────────────────────── */
@media(max-width:768px){
    .nav-links,.nav-actions{display:none}
    .stats-inner,.pool-summary{flex-wrap:wrap}
    .ss-item{flex:none;width:33.33%;border-bottom:1px solid var(--border)}
    .ps-item{flex:none;width:33.33%;border-bottom:1px solid var(--border)}
    .faq-list{grid-template-columns:1fr}
    .footer-inner{flex-direction:column;gap:24px}
    .footer-links{gap:24px}
    .vg-row{flex-direction:column;gap:4px}
    .vg-label{min-width:auto}
    .data-table{font-size:.72rem}
    .data-table th,.data-table td{padding:8px 8px}
    .coin-tickers{grid-template-columns:1fr 1fr}
    .stats-strip::before{display:none}
    .leaderboard td:nth-child(4){display:none}
    .leaderboard th:nth-child(4){display:none}
}