:root { color-scheme:dark; --black:#030504; --panel:#07100b; --green:#82ffad; --dim:#3a7950; --quiet:#7a9d85; --line:#173622; --danger:#ff7e86; }
* { box-sizing:border-box; }
html,body { min-height:100%; }
body { margin:0; background:var(--black); color:var(--green); font:14px/1.5 "IBM Plex Mono","Cascadia Mono","Courier New",monospace; }
button,input { font:inherit; }
.landing {
  --phosphor:#92c9ae;
  --phosphor-bright:#afe0c7;
  min-height:100vh;
  overflow-x:hidden;
  background:
    #040a06;
  color:var(--phosphor);
  font-family:"Courier New",Courier,monospace;
}
.landing::before,
.landing::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:2;
  pointer-events:none;
}
.landing::before {
  background:
    repeating-linear-gradient(0deg,#0000 0,#0000 2px,#0008 3px,#83d7ad05 4px);
  opacity:.64;
}
.landing::after {
  background:
    linear-gradient(90deg,#000 0%,#0009 6%,transparent 23%,transparent 77%,#0009 94%,#000 100%),
    linear-gradient(180deg,#000 0%,transparent 9%,transparent 95%,#000 98.5%),
    radial-gradient(ellipse 76% 100% at 50% 50%,transparent 44%,#0004 72%,#000 100%);
}
.terminal {
  position:relative;
  z-index:1;
  width:min(630px,calc(100vw - 48px));
  margin:clamp(78px,20.14vh,145px) 24px 80px max(24px,calc(50% - 247px));
  text-shadow:0 0 5px #92c9ae70,0 0 13px #63a9803d;
  filter:blur(.15px);
}
.terminal h1 {
  margin:0 0 42px;
  color:var(--phosphor);
  font-size:clamp(20px,2.03vw,26px);
  font-weight:400;
  line-height:1.55;
  letter-spacing:.094em;
}
.terminal-copy { min-height:340px; }
.terminal-copy p {
  max-width:100%;
  margin:0 0 31px;
  color:var(--phosphor);
  font-size:clamp(19px,1.95vw,25px);
  line-height:1.64;
  letter-spacing:.075em;
  white-space:pre-line;
}
.terminal-copy > p:first-child { margin-bottom:35px; }
.choice-list { list-style:none;padding:0;margin:40px 0 0; }
.choice-list li { margin:4px 0; }
.choice-list button {
  position:relative;
  border:0;
  background:none;
  color:var(--phosphor);
  padding:2px 8px 2px 37px;
  cursor:pointer;
  text-align:left;
  font-size:clamp(19px,1.95vw,25px);
  line-height:1.5;
  letter-spacing:.075em;
  text-shadow:0 0 5px #92c9ae70,0 0 13px #63a9803d;
}
.choice-list button::before { content:'.';position:absolute;left:1px;color:var(--phosphor); }
.choice-list button:hover,
.choice-list button:focus-visible { outline:0;color:var(--phosphor-bright);text-shadow:0 0 7px #9ef7c5,0 0 16px #50d68b99; }
.choice-list button:hover::before,
.choice-list button:focus-visible::before { content:'>'; }
.subscribe-form{display:flex;gap:9px;max-width:520px;margin-top:25px}.subscribe-form input{flex:1}.subscribe-form button{background:transparent;border:1px solid var(--dim);color:var(--green);padding:10px 15px;cursor:pointer}.subscribe-form button:hover,.subscribe-form button:focus{border-color:var(--green);outline:0}.subscribe-form button:disabled{opacity:.45}.field-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}.form-error{color:var(--danger)!important;font-size:12px}
@keyframes blink{50%{opacity:0}}
.system-label,.kicker { color:var(--dim); letter-spacing:.18em; font-size:11px; text-transform:uppercase; }

.adjunct { min-height:100vh; }
.auth-shell { min-height:100vh; display:grid; place-items:center; padding:24px; }
.auth-card { width:min(480px,100%); border:1px solid var(--line); padding:clamp(24px,6vw,48px); background:linear-gradient(145deg,#09110c,#030504); }
.auth-card h1 { margin:8px 0 6px;font-size:28px;font-weight:400;letter-spacing:.04em; }
.muted { color:var(--quiet); }
.auth-tabs { display:flex; gap:24px; border-bottom:1px solid var(--line); margin:32px 0 25px; }
.tab,.text-button { border:0;background:none;color:var(--quiet);padding:8px 0;cursor:pointer; }
.tab.active { color:var(--green);border-bottom:1px solid var(--green);margin-bottom:-1px; }
form { display:grid;gap:17px; }
label { display:grid;gap:6px;color:var(--dim);font-size:11px;letter-spacing:.12em;text-transform:uppercase; }
input { width:100%;background:#050907;border:1px solid var(--line);color:var(--green);padding:12px 13px;outline:0;border-radius:0; }
input:focus { border-color:var(--green);box-shadow:0 0 0 1px #82ffad22; }
.primary { background:var(--green);color:#041008;border:0;padding:12px 18px;cursor:pointer;text-transform:uppercase;letter-spacing:.13em;font-weight:800; }
.primary:hover { background:#b2ffc9; }
.status { min-height:22px;color:var(--danger);margin:15px 0 0; }
.hidden { display:none!important; }

.console { min-height:100vh;display:grid;grid-template-columns:240px 1fr; }
.sidebar { border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh; }
.brand { font-size:17px;letter-spacing:.16em;margin-bottom:55px; }
.brand small { display:block;color:var(--dim);font-size:9px;margin-top:4px; }
.nav-item { width:100%;border:0;border-left:1px solid var(--green);background:#0d1c12;color:var(--green);padding:13px 15px;text-align:left;letter-spacing:.05em; }
.operator { margin-top:auto;border-top:1px solid var(--line);padding-top:18px;color:var(--quiet);font-size:12px; }
.operator strong { display:block;color:var(--green);font-weight:400; }
.workspace { padding:clamp(25px,4vw,60px);min-width:0; }
.workspace-header { display:flex;justify-content:space-between;align-items:start;margin-bottom:42px; }
.workspace h1 { margin:4px 0 0;font-size:clamp(25px,4vw,42px);font-weight:400;letter-spacing:-.04em; }
.summary { display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-bottom:22px; }
.summary div { padding:17px 20px;border-right:1px solid var(--line); }.summary div:last-child{border:0}.summary span{display:block;color:var(--dim);font-size:10px;letter-spacing:.12em}.summary strong{font-size:22px;font-weight:400}
.data-grid { display:grid;grid-template-columns:minmax(420px,1fr) minmax(340px,.85fr);border:1px solid var(--line);min-height:490px; }
.list-pane { border-right:1px solid var(--line);overflow:auto;max-height:65vh; }
.detail-pane { padding:24px;overflow:auto;max-height:65vh; }
table { width:100%;border-collapse:collapse; } th,td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{position:sticky;top:0;background:#050806;color:var(--dim);font-size:10px;letter-spacing:.12em;text-transform:uppercase}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.active{background:#0a1a10}
.detail-pane h2 { margin:5px 0 20px;font-weight:400;font-size:20px;word-break:break-all; }.detail-section{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.detail-section h3{color:var(--dim);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.record{padding:10px 0;border-bottom:1px dotted var(--line);font-size:12px}.record strong{font-weight:400}.record small{display:block;color:var(--quiet)}pre{white-space:pre-wrap;word-break:break-word;color:var(--quiet);font:11px/1.5 inherit}
@media(max-width:900px){.console{grid-template-columns:1fr}.sidebar{height:auto;position:static;border:0;border-bottom:1px solid var(--line);padding:18px;display:grid;grid-template-columns:1fr auto;gap:12px}.brand{margin:0}.nav-item{display:none}.operator{margin:0;border:0;padding:0}.data-grid{grid-template-columns:1fr}.list-pane{border-right:0;border-bottom:1px solid var(--line)}.summary{grid-template-columns:1fr}.summary div{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:560px){
  .terminal{margin-top:clamp(68px,14vh,105px)}
  .terminal h1{margin-bottom:32px}
  .terminal-copy p{margin-bottom:25px;line-height:1.72}
  .choice-list{margin-top:31px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}