/* NEONLEDGER — shared theme */
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root{
  --void:#07070f; --panel:#0d0d1a; --raise:#15152b;
  --line:#232347; --line2:#33336b;
  --cyan:#00e5ff; --magenta:#ff2d78;
  --up:#25ffa8; --down:#ff3b5c; --amber:#ffb020;
  --text:#dfe3ff; --dim:#7b80b4; --dimmer:#4c507a;
  --cut:14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--void); color:var(--text);
  font-family:'Chakra Petch',system-ui,sans-serif; font-size:15px; line-height:1.5;
  min-height:100vh; overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:900;
  background:repeating-linear-gradient(to bottom,rgba(0,0,0,0) 0 2px,rgba(0,0,0,.28) 2px 3px);
  mix-blend-mode:multiply;opacity:.55;
}
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:899;
  background:radial-gradient(ellipse at 50% 0%,rgba(0,229,255,.07),transparent 60%),
             radial-gradient(ellipse at 90% 100%,rgba(255,45,120,.06),transparent 55%);
}
::selection{background:var(--magenta);color:#fff}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:underline}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}

.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums}
.clip{clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}

.brandmark{display:flex;flex-direction:column;gap:2px}
.brandmark b{font-size:22px;font-weight:700;letter-spacing:.06em;color:#fff;text-shadow:0 0 18px rgba(0,229,255,.55)}
.brandmark b em{font-style:normal;color:var(--magenta);text-shadow:0 0 18px rgba(255,45,120,.6)}
.brandmark span{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--dimmer);letter-spacing:.14em}

.panel{background:var(--panel);border:1px solid var(--line);position:relative;
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}
.panel>header{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--line)}
.panel>header h2{margin:0;font-size:12.5px;font-weight:600;letter-spacing:.13em;color:var(--dim);text-transform:uppercase}
.panel .body{padding:20px}

.btn{background:transparent;border:1px solid var(--line2);color:var(--text);padding:10px 16px;cursor:pointer;
  font-weight:500;letter-spacing:.04em;font-size:13.5px;transition:background .12s,border-color .12s,color .12s;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.btn:hover{border-color:var(--cyan);color:#fff;background:rgba(0,229,255,.08)}
.btn.pri{background:var(--cyan);border-color:var(--cyan);color:#04121a;font-weight:700}
.btn.pri:hover{background:#5cf0ff;color:#04121a}
.btn.blk{display:block;width:100%;text-align:center}
.btn.lg{padding:13px 22px;font-size:15px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--magenta);outline-offset:2px}

label{display:block}
label span.lbl{display:block;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.1em;color:var(--dimmer);margin-bottom:6px}
input[type=text],input[type=email],input[type=password]{background:#0a0a16;border:1px solid var(--line);padding:11px 12px;width:100%}
input:focus{border-color:var(--cyan);outline-offset:0}

.hint{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--dimmer)}
.err{border:1px solid var(--down);background:rgba(255,59,92,.09);color:#ffb9c4;padding:10px 13px;font-size:13px;margin-bottom:16px}
.ok{border:1px solid var(--up);background:rgba(37,255,168,.09);color:#b6ffe0;padding:10px 13px;font-size:13px;margin-bottom:16px}
.hidden{display:none!important}

.chip{display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:10.5px;
  letter-spacing:.08em;border:1px solid var(--line2);padding:4px 10px;color:var(--dim)}
.chip.trial{border-color:rgba(255,176,32,.5);color:var(--amber)}
.chip.live{border-color:rgba(37,255,168,.5);color:var(--up)}
.chip.dead{border-color:rgba(255,59,92,.5);color:var(--down)}

.sitefoot{padding:26px;text-align:center;border-top:1px solid var(--line);margin-top:44px}
.sitefoot a{color:var(--dim);font-size:12.5px;margin:0 10px}

@media(prefers-reduced-motion:reduce){*{animation-duration:.001s!important;transition-duration:.001s!important}}