:root{
  --bg:#0a1220; --card:#0c1524; --ink:#e9f0ff; --mut:#9fb6d8; --line:#243049;
  --accent:#47ffd1; --accent-ink:#0b1d1a;
}
*{box-sizing:border-box} html,body{margin:0}
.bg{
  color:var(--ink); background:linear-gradient(#09121e,#0b1422);
  min-height:100vh; font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
.wrap{max-width:1100px;margin:0 auto;padding:20px}
.row{display:flex;gap:12px} .between{justify-content:space-between}.center{align-items:center}
.site-head{border-bottom:1px solid var(--line); background:#08121a}
.brand{display:flex;gap:10px;align-items:center}
.topnav a,.footnav a{color:#9ab7ff;text-decoration:none;margin-left:14px}
.topnav a:hover,.footnav a:hover{text-decoration:underline}
.network-nav{background:#0b1220;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.network-nav .wrap{display:flex;gap:12px;justify-content:center}
.section{padding:32px 0}
.h2{font-size:26px;margin:0 0 12px}
.hero h1{font:800 44px/1.12 Georgia,serif;margin:2px 0 10px}
.hero p{color:var(--mut);max-width:800px;margin:0 0 14px}
.btn{background:var(--ink);color:#0c1524;border:1px solid var(--ink);padding:10px 14px;border-radius:999px;cursor:pointer}
.btn.outline{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn:hover{filter:brightness(1.05)}
.card{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:10px;position:relative}
#attack-map{display:block;width:100%;height:auto}
#attack-map-section .map-legend{
  position:absolute;left:18px;bottom:14px;font-size:12px;color:#9fb6d8;display:flex;gap:10px;align-items:center;
  backdrop-filter:blur(4px);background:rgba(9,18,30,.35);border:1px solid var(--line);border-radius:999px;padding:6px 10px
}
#attack-map-section .map-legend .dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:4px;background:var(--accent);box-shadow:0 0 8px var(--accent),0 0 18px rgba(71,255,209,.6)}
#attack-map-section .map-legend .dot.pulse{animation:dotPulse 1.8s ease-in-out infinite}
@keyframes dotPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}}
.site-foot{border-top:1px solid var(--line); background:#08121a}