
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@500;700&family=VT323&family=IBM+Plex+Mono:wght@400;600&display=swap');
:root{--hack-bg:#140508;--hack-ink:#ffd0d6;--hack-neon:#ff3355;--hack-dim:#2a0a12;}
html,body{background:var(--hack-bg)!important;color:var(--hack-ink)!important;}
body{position:relative;overflow-x:hidden;}
#hack-bg{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.18;}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.18) 3px);
  animation:scan 9s linear infinite;}
@keyframes scan{to{transform:translateY(40px)}}
@keyframes blink{50%{opacity:0}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 var(--hack-neon)}70%{box-shadow:0 0 22px var(--hack-neon)}}
@keyframes glitch{0%{transform:none;text-shadow:none}20%{transform:translate(-2px,1px);text-shadow:2px 0 var(--hack-neon)}40%{transform:translate(2px,-1px)}100%{transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes flicker{0%,19%,21%,23%,80%,100%{opacity:1}20%,22%{opacity:.55}}
header,main,footer,.drawer,aside.rail{position:relative;z-index:30}
header,header.glass,header.hud,header.mast,header.split,header.slim,header.float,header.float .bar,header.paper,aside.rail,.drawer{
  background:#050505!important;color:#ffffff!important;
  border-bottom:1px solid var(--hack-neon)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.45);
  z-index:60!important;
}
header .brand, header.paper .brand, .brand, header .dateline, .dateline,
header nav a, header .desk a, header a:not(.cta-top):not(.pill),
.drawer a, aside.rail a, aside.rail .brand, header p, header div:not(.bar){
  color:#ffffff!important;opacity:1!important;text-shadow:none!important;
  box-shadow:none!important;animation:none!important;
}
.cta-top,.pill,header .cta-top,header a.cta-top{
  color:#000000!important;background:var(--hack-neon)!important;
  box-shadow:0 0 16px var(--hack-neon)!important;animation:pulse 2.8s ease-in-out infinite;
  opacity:1!important;font-weight:700!important;
}
.menu span{background:#ffffff!important}
.menu{color:#ffffff!important}
footer,footer.lux,.fstage,.fgrid,.fbase,.fcol{
  background:#050505!important;color:#ffffff!important;
}
footer a, footer p, footer h2, footer h3, footer h4, footer span, footer b, footer div, footer li,
.fcol a,.fcol h4,.keys,.fbase,.fstage p,.fstage h2,.fstage a{
  color:#ffffff!important;opacity:1!important;
  text-shadow:none!important;animation:none!important;
}
footer .pill, .fstage .pill{color:#000000!important;background:var(--hack-neon)!important}
h1,h2,h3,.co>p,.co>h1{color:#ffffff!important;text-shadow:none!important;animation:none!important}
.steps,.steps li,.steps span{color:#ffffff!important;opacity:1!important}
.steps b{background:var(--hack-neon)!important;color:#000000!important}
.card{color:#ffffff!important}
.co .card,.cog .card,.prow{opacity:1!important;animation:none!important;transform:none!important}
.prow{background:#f6f0e4!important;color:#111111!important;border:1px solid #d4c4a8!important}
.prow b,.prow span,.prow small,.prow-in,.prow li,.prow .feats{color:#111111!important;background:transparent!important}
.prow small{color:#5c4a32!important}
.prow:has(input:checked){background:#fff8ee!important;border-color:var(--hack-neon)!important}
.switch{background:#efe6d8!important}
.switch button{color:#111111!important;background:transparent!important}
.switch button.on{color:#000000!important;background:var(--hack-neon)!important}
.field input,.field select,.field textarea{background:#ffffff!important;color:#111111!important}
.field span{color:#444444!important}
.mini,.plan,.quotes article,.card,.note,.tile{border:1px solid var(--hack-neon)!important;background:color-mix(in srgb,var(--hack-dim) 88%,black)!important;animation:rise .8s ease both}
.plan,.plan li,.plan p,.plan .amt,.plan small{color:#ffffff!important}
.live tr{animation:rise .6s ease both}
.live tr:nth-child(odd){background:color-mix(in srgb,var(--hack-neon) 8%,transparent)}
.ex-util,.ex-channels,.ex-foot-contact{position:relative;z-index:70;color:#ffffff!important}
.ex-util{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;align-items:center;padding:8px 18px;background:#000!important;border-bottom:1px solid var(--hack-neon);font-size:13px}
.ex-util a,.ex-channels a,.ex-foot-contact a,.ex-foot-contact b,.ex-foot-contact small,.ex-channels span,.ex-channels small{color:#ffffff!important;opacity:1!important}
.ex-channels{display:flex;flex-wrap:wrap;gap:8px;padding:8px 18px;background:#0a0a0a!important;border-bottom:1px solid var(--hack-neon)}
.ex-channels a{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.25);padding:6px 10px;font-size:12px}
.ex-foot-contact small{display:block;font-size:11px;opacity:.9!important}
.ex-channels small,.ex-util a[href*="wa.me"] small{display:none!important}
.ex-foot-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:14px 0}
.ex-foot-contact a{display:block}
.addr code{color:#ffffff!important;word-break:break-all}
.ex-dock{position:fixed;right:16px;bottom:18px;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.ex-dock summary{list-style:none;background:#e11d8f;color:#fff!important;padding:12px 18px;border-radius:999px;cursor:pointer;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.ex-dock summary::-webkit-details-marker{display:none}
.ex-dock-list{position:absolute;right:0;bottom:52px;background:#111;border:1px solid rgba(255,255,255,.25);min-width:260px;padding:8px;border-radius:14px}
.ex-dock-list a{display:block;color:#fff!important;padding:10px 12px;font-size:14px}
.ex-dock details{position:relative}
.ex-dock-wa{background:#25d366!important;color:#04110a!important;padding:12px 18px;border-radius:999px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.contact-page h2{color:#fff!important}
.contact-form .field input,.contact-form .field textarea,.contact-form textarea{background:#fff!important;color:#111!important;width:100%;border:1px solid #ccc;border-radius:12px;padding:18px 12px 8px}
.contact-form .field span{color:#444!important}
.contact-page aside.card a,.contact-page aside.card p,.contact-page aside.card b,.contact-page aside.card code{color:#fff!important}
.contact-form .ghost{color:#fff!important;margin-left:10px}
.contact-page,.contact-page .card,.contact-form,.contact-page [data-reveal]{opacity:1!important;transform:none!important;animation:none!important}
.contact-page .card{background:#1c1214!important;border:1px solid #fff!important}
.run-bar{position:relative;z-index:3;overflow:hidden;border-top:1px solid var(--hack-neon);border-bottom:1px solid var(--hack-neon);background:#000;font-family:'Share Tech Mono',monospace;font-size:13px;letter-spacing:.08em;white-space:nowrap;color:var(--hack-neon)}
.run-track{display:inline-block;padding:8px 0;animation:ticker 28s linear infinite}
.caret{display:inline-block;width:.6ch;background:var(--hack-neon);margin-left:2px;animation:blink 1s step-end infinite;height:1em;vertical-align:-2px}
[data-reveal]{opacity:0;transform:translateY(18px);transition:.7s ease}
[data-reveal].on{opacity:1;transform:none}
.glitch-on{animation:glitch .35s steps(2) 2}
@media (prefers-reduced-motion:reduce){
  *,*::before{animation:none!important;transition:none!important}
  [data-reveal]{opacity:1;transform:none}
}
