:root{
  --bg:#050807;
  --panel:#0a120d;
  --border:#1c3a26;
  --green:#2bff88;
  --dim:#67a57f;
  --red:#ff4d4d;
  --amber:#ffc24d;
  --font:'Courier New',ui-monospace,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:var(--bg);
  color:var(--green);
  font-family:var(--font);
  min-height:100vh;
  overflow-x:hidden;
}
.scanlines{
  position:fixed;inset:0;pointer-events:none;z-index:99;
  background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.18) 2px 4px);
}
.topbar{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 24px;border-bottom:1px solid var(--border);
  background:rgba(5,12,8,.9);position:sticky;top:0;z-index:10;
  flex-wrap:wrap;gap:8px;
}
.logo{font-size:1.3rem;font-weight:bold;letter-spacing:2px}
.logo span{color:#fff}
.status-pill{
  border:1px solid var(--border);border-radius:20px;padding:4px 14px;
  font-size:.75rem;color:var(--dim);display:flex;align-items:center;gap:8px;
}
.dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:blink 1.2s infinite}
@keyframes blink{50%{opacity:.2}}
.clock{color:var(--dim);font-size:.85rem}
.hero{text-align:center;padding:60px 20px 30px}
.hero h1{font-size:clamp(1.4rem,4vw,2.6rem);letter-spacing:1px;text-shadow:0 0 18px rgba(43,255,136,.45)}
.accent{color:#fff}
.sub{color:var(--dim);max-width:640px;margin:18px auto 0;line-height:1.6;font-size:.95rem}
.ticker-wrap{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:34px;background:rgba(10,18,13,.7)}
.ticker{white-space:nowrap;display:inline-block;padding:8px 0;animation:scroll 30s linear infinite;font-size:.85rem}
@keyframes scroll{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
.ticker .up{color:var(--green)}
.ticker .down{color:var(--red)}
.grid{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;
  max-width:1100px;margin:40px auto;padding:0 20px;
}
.panel{
  background:var(--panel);border:1px solid var(--border);border-radius:8px;
  padding:20px;box-shadow:0 0 24px rgba(43,255,136,.06);
}
.panel.wide{grid-column:1/-1}
.panel h2{font-size:.95rem;letter-spacing:2px;margin-bottom:14px;color:#fff}
table{width:100%;border-collapse:collapse;font-size:.82rem}
th{color:var(--dim);text-align:left;padding:6px 4px;border-bottom:1px solid var(--border);font-weight:normal}
td{padding:8px 4px;border-bottom:1px dashed rgba(28,58,38,.6)}
.sig-ape{color:var(--green)}
.sig-watch{color:var(--amber)}
.sig-avoid{color:var(--red)}
.siglink{text-decoration:none;border-bottom:1px dashed currentColor;cursor:pointer}
.siglink:hover{text-shadow:0 0 10px currentColor}
.curvebar{background:#11211a;border-radius:4px;height:10px;width:100px;overflow:hidden}
.curvefill{height:100%;background:linear-gradient(90deg,#1d7a4b,var(--green));border-radius:4px}
.rugometer{text-align:center;margin-bottom:14px}
.gauge{
  width:160px;height:80px;margin:0 auto;border:3px solid var(--border);border-bottom:none;
  border-radius:160px 160px 0 0;position:relative;
  background:linear-gradient(90deg,rgba(43,255,136,.15),rgba(255,194,77,.15),rgba(255,77,77,.2));
}
.needle{
  position:absolute;bottom:0;left:50%;width:3px;height:70px;background:#fff;
  transform-origin:bottom center;transform:rotate(0deg);transition:transform 1.2s ease;
  box-shadow:0 0 8px #fff;
}
.gauge-label{margin-top:10px;font-size:1rem;color:var(--amber);letter-spacing:2px}
.ruglist{list-style:none;font-size:.8rem;color:var(--dim)}
.ruglist li{padding:5px 0;border-bottom:1px dashed rgba(28,58,38,.6)}
.terminal{
  background:#020504;border:1px solid var(--border);border-radius:6px;
  padding:16px;min-height:180px;font-size:.85rem;line-height:1.7;
}
.terminal .line{display:block}
.terminal .prompt{color:var(--dim)}
.terminal .cursor{display:inline-block;width:9px;height:15px;background:var(--green);animation:blink 1s infinite;vertical-align:middle}
.cta{text-align:center;padding:50px 20px;max-width:700px;margin:0 auto}
.cta h2{color:#fff;letter-spacing:2px;margin-bottom:14px}
.cta p{color:var(--dim);line-height:1.7;font-size:.9rem;margin-bottom:10px}
.disclaimer{font-size:.75rem;opacity:.7}
footer{
  text-align:center;padding:24px;border-top:1px solid var(--border);
  color:var(--dim);font-size:.75rem;letter-spacing:1px;
}
@media(max-width:760px){.grid{grid-template-columns:1fr}}