:root{
  --bg:#020403;
  --panel:#031008;
  --panel-2:#06180c;
  --green:#00ff66;
  --green-soft:#9cffb8;
  --amber:#ffd36a;
  --red:#ff5f5f;
  --cyan:#5fe8ff;
  --blue:#7aa7ff;
  --orange:#ff9d42;
  --yellow:#fff36a;
  --muted:#7fcf9a;
  --line:rgba(0,255,102,.55);
  --shadow:0 0 22px rgba(0,255,102,.18);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:
    radial-gradient(circle at top left,rgba(0,255,102,.12),transparent 32rem),
    radial-gradient(circle at top right,rgba(255,211,106,.08),transparent 26rem),
    linear-gradient(180deg,#000 0%,var(--bg) 70%,#000 100%);
  color:var(--green);
  font-family:"Courier New",Courier,monospace;
  line-height:1.65;
  text-shadow:0 0 6px rgba(0,255,102,.18);
}
body::before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:10;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.035),rgba(255,255,255,.035) 1px,transparent 1px,transparent 4px);
  mix-blend-mode:screen;opacity:.25;
}
a{color:var(--green-soft);text-decoration:none;border-bottom:1px dotted rgba(156,255,184,.55);}
a:hover{color:#fff;border-bottom-color:#fff;text-shadow:0 0 10px var(--green-soft);}
.site-wrap{max-width:1120px;margin:0 auto;padding:28px 18px 48px;}
.terminal-bar{border:1px solid var(--line);background:#010602;box-shadow:var(--shadow);padding:10px 14px;margin-bottom:18px;color:var(--green-soft);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.9rem;}
.nav{
  --dash-line:rgba(0,255,102,.38);
  border:1px solid var(--dash-line);
  background:
    linear-gradient(180deg,rgba(10,15,10,.95),rgba(2,6,4,.98)),
    radial-gradient(circle at 12% 0%,rgba(255,211,106,.16),transparent 18rem),
    radial-gradient(circle at 88% 10%,rgba(0,255,102,.14),transparent 18rem);
  border-radius:18px;
  padding:40px 14px 16px;
  margin-bottom:20px;
  box-shadow:0 0 24px rgba(0,255,102,.15),inset 0 0 28px rgba(255,255,255,.035);
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  position:relative;
  overflow:hidden;
}
.nav::before{
  content:"THAT DAM BBS // DASH PANEL";
  position:absolute;
  left:14px;
  top:10px;
  color:var(--amber);
  letter-spacing:.14em;
  font-size:.72rem;
  text-transform:uppercase;
  text-shadow:0 0 10px rgba(255,211,106,.7);
}
.nav::after{
  content:attr(data-current);
  position:absolute;
  right:14px;
  top:10px;
  color:var(--green-soft);
  letter-spacing:.1em;
  font-size:.72rem;
  text-transform:uppercase;
  opacity:.9;
}
.nav a{
  --lamp:var(--green);
  --lamp-dim:rgba(0,255,102,.26);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:8px 12px;
  margin:0;
  border:1px solid color-mix(in srgb,var(--lamp) 45%,#07140b);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.38));
  color:color-mix(in srgb,var(--lamp) 70%,#d8ffe4);
  box-shadow:inset 0 0 10px rgba(0,0,0,.7),0 0 8px var(--lamp-dim);
  border-bottom-style:solid;
  text-transform:uppercase;
  letter-spacing:.055em;
  font-size:.78rem;
  font-weight:700;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,background .16s ease;
}
.nav a::before{
  content:"";
  width:10px;
  height:10px;
  flex:0 0 10px;
  border-radius:50%;
  background:radial-gradient(circle,#fff 0%,var(--lamp) 42%,rgba(0,0,0,.25) 76%);
  box-shadow:0 0 10px var(--lamp),0 0 18px var(--lamp-dim);
  opacity:.72;
}
.nav a:hover,.nav a:focus-visible,.nav a.is-active,.nav a[aria-current="page"]{
  color:#fff;
  border-color:var(--lamp);
  background:linear-gradient(180deg,color-mix(in srgb,var(--lamp) 18%,rgba(255,255,255,.09)),rgba(0,0,0,.42));
  box-shadow:inset 0 0 14px rgba(0,0,0,.65),0 0 14px var(--lamp),0 0 32px var(--lamp-dim);
  text-shadow:0 0 8px #fff,0 0 16px var(--lamp);
  transform:translateY(-1px);
}
.nav a.is-active::before,.nav a[aria-current="page"]::before{opacity:1;animation:dashLampPulse 1.8s ease-in-out infinite;}
.nav a[data-lamp="amber"],.nav a[href*="index"],.nav a[href*="operations"],.nav a[href*="support"],.nav a[href*="dropyard"]{--lamp:var(--amber);--lamp-dim:rgba(255,211,106,.3);}
.nav a[data-lamp="green"],.nav a[href*="about"],.nav a[href*="qa"],.nav a[href*="privacy"],.nav a[href*="roadhawk"]{--lamp:var(--green);--lamp-dim:rgba(0,255,102,.3);}
.nav a[data-lamp="cyan"],.nav a[href*="tom"],.nav a[href*="sourceyard"]{--lamp:var(--cyan);--lamp-dim:rgba(95,232,255,.3);}
.nav a[data-lamp="blue"],.nav a[href*="clients"]{--lamp:var(--blue);--lamp-dim:rgba(122,167,255,.3);}
.nav a[data-lamp="orange"],.nav a[href*="forge"]{--lamp:var(--orange);--lamp-dim:rgba(255,157,66,.3);}
.nav a[data-lamp="yellow"],.nav a[href*="garage"]{--lamp:var(--yellow);--lamp-dim:rgba(255,243,106,.3);}
.nav a[data-lamp="red"],.nav a[href*="restricted"]{--lamp:var(--red);--lamp-dim:rgba(255,95,95,.3);}
.hero,.panel,.card,footer{border:1px solid var(--line);background:linear-gradient(180deg,rgba(3,16,8,.96),rgba(2,8,4,.96));box-shadow:var(--shadow);padding:24px;margin-bottom:20px;}
.hero{position:relative;overflow:hidden;}
.hero::after{content:"";position:absolute;right:-90px;top:-90px;width:220px;height:220px;border:1px solid rgba(0,255,102,.22);border-radius:50%;box-shadow:0 0 50px rgba(0,255,102,.12);}
h1,h2,h3{line-height:1.15;margin:0 0 14px;letter-spacing:.03em;}
h1{font-size:clamp(2rem,5vw,4rem);text-transform:uppercase;}
h2{font-size:clamp(1.35rem,3vw,2.1rem);color:var(--green-soft);}
h3{font-size:1.1rem;color:var(--amber);}
p{margin:0 0 1rem;}
ul{padding-left:1.2rem;}
li{margin-bottom:.45rem;}
.kicker{color:var(--amber);text-transform:uppercase;letter-spacing:.18em;font-size:.84rem;margin-bottom:10px;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;}
.card{margin-bottom:0;}
.badge{display:inline-block;border:1px solid var(--line);background:#020b05;color:var(--green-soft);padding:4px 8px;margin:4px 6px 4px 0;font-size:.82rem;}
.badge.amber{color:var(--amber);border-color:rgba(255,211,106,.65);}
.badge.red{color:var(--red);border-color:rgba(255,95,95,.65);}
.callout{border-left:4px solid var(--amber);padding:14px 16px;background:rgba(255,211,106,.07);margin:16px 0;}
.codebox{border:1px dashed var(--line);background:#000;padding:14px;overflow:auto;color:var(--green-soft);}
.hero-img{display:block;width:100%;max-width:760px;margin:18px auto;border:1px solid var(--line);box-shadow:0 0 30px rgba(0,255,102,.2);}
.qr{border:4px solid var(--green);padding:10px;background:#fff;width:280px;max-width:100%;box-shadow:0 0 24px rgba(0,255,102,.22);}
.footer-links a{margin-right:12px;}
.small{font-size:.9rem;color:var(--muted);}
.center{text-align:center;}
.status-line{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.neon-data{display:inline-block;color:#f2fff7;text-shadow:0 0 4px #fff,0 0 10px var(--green),0 0 20px var(--green),0 0 36px rgba(0,255,102,.95);animation:neonPrivacyPulse 1.8s ease-in-out infinite;}
@keyframes neonPrivacyPulse{0%,100%{color:#baffc9;text-shadow:0 0 4px #fff,0 0 10px var(--green),0 0 20px var(--green),0 0 36px rgba(0,255,102,.95);filter:brightness(1.05);}50%{color:#fff;text-shadow:0 0 6px #fff,0 0 16px var(--green),0 0 34px var(--green),0 0 58px rgba(0,255,102,1);filter:brightness(1.35);}}
@keyframes dashLampPulse{0%,100%{filter:brightness(1);box-shadow:0 0 10px var(--lamp),0 0 18px var(--lamp-dim);}50%{filter:brightness(1.5);box-shadow:0 0 14px #fff,0 0 24px var(--lamp),0 0 42px var(--lamp-dim);}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.neon-data,.nav a.is-active::before,.nav a[aria-current="page"]::before{animation:none}.nav a{transition:none}}
@media(max-width:860px){.nav{padding-top:58px}.nav::after{left:14px;right:auto;top:32px}.nav a{font-size:.74rem;padding:8px 10px}}
@media(max-width:640px){.site-wrap{padding:18px 12px 36px}.hero,.panel,.card,footer{padding:18px}.nav{display:grid;grid-template-columns:1fr;gap:8px;border-radius:14px;padding:58px 10px 12px}.nav a{width:100%;justify-content:flex-start;min-height:46px}.nav::before,.nav::after{font-size:.66rem}.terminal-bar{font-size:.78rem}}