/* FOREVER:NEON // BOOK ONE AUTH TERMINAL // HARDWARE STANDARD 87
   Presentation-only. Login, registration and password completion retain their
   existing authentication/identity authority. No fake controls are introduced. */
@import url('/assets/arg/book1-hardware-87.css?v=hardware87-auth-20260905a');

:root{
  --bg:#080a07;
  --panel:#2d3029;
  --ink:#ded6bf;
  --muted:#aaa38f;
  --cyan:#a8d49b;
  --amber:#e4c37b;
  --red:#d87563;
  --line:#55574e;
}

body.fn-auth-page{
  margin:0;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:30px 18px;
  background:radial-gradient(circle at 50% 0,#292d23 0,#11130f 48%,#050604 100%)!important;
  color:var(--ink)!important;
  font-family:'Share Tech Mono','IBM Plex Mono',monospace!important;
}
body.fn-auth-page::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.016),transparent 9% 91%,rgba(0,0,0,.12));
}

body.fn-auth-page .card{
  position:relative;
  isolation:isolate;
  width:min(540px,100%)!important;
  padding:48px 30px 24px!important;
  border:2px solid #171914!important;
  border-radius:2px!important;
  background:
    radial-gradient(circle at 11px 11px,#85867a 0 2px,#23251f 3px 5px,transparent 6px),
    radial-gradient(circle at calc(100% - 11px) 11px,#85867a 0 2px,#23251f 3px 5px,transparent 6px),
    radial-gradient(circle at 11px calc(100% - 11px),#85867a 0 2px,#23251f 3px 5px,transparent 6px),
    radial-gradient(circle at calc(100% - 11px) calc(100% - 11px),#85867a 0 2px,#23251f 3px 5px,transparent 6px),
    linear-gradient(145deg,#5c5d53 0,#45473f 18%,#2f312b 62%,#242620 100%)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.68),inset 0 1px #77786c,inset 0 0 0 3px #373a32!important;
}
body.fn-auth-page .card::before{
  content:"SUBSTRATENET IDENTITY TERMINAL // BHM NODE 03 // " attr(data-auth-terminal);
  position:absolute;
  left:22px;
  right:22px;
  top:14px;
  min-height:22px;
  display:flex;
  align-items:center;
  padding:4px 8px;
  border:1px solid #37372f;
  background:linear-gradient(#ddd2b6,#b7ad92);
  color:#24231e;
  box-shadow:inset 0 1px rgba(255,255,255,.45);
  font:9px/1.3 'Share Tech Mono',monospace;
  letter-spacing:.09em;
  text-transform:uppercase;
}
body.fn-auth-page .card::after{
  content:"KIDD FIELD INSTRUMENTS // IDENTITY ADAPTER 87-C // LOCAL AUTH BUS";
  display:block;
  margin-top:20px;
  padding-top:9px;
  border-top:1px solid #55574e;
  color:#8f8976;
  font:8px/1.35 'Share Tech Mono',monospace;
  letter-spacing:.1em;
  text-transform:uppercase;
}

body.fn-auth-page .brand{
  margin:0 0 10px!important;
  padding:9px 11px;
  border:1px solid #181a16;
  background:linear-gradient(#373a33,#22241f);
  color:#d4c9aa!important;
  box-shadow:inset 0 1px #5d5f55,inset 0 0 14px #0006;
  font:700 20px/1 'Share Tech Mono',monospace!important;
  letter-spacing:.12em!important;
  text-transform:uppercase;
}
body.fn-auth-page .brand span{color:#a8d49b!important;text-shadow:0 0 6px rgba(168,212,155,.2)!important}
body.fn-auth-page h1{
  margin:13px 0 7px!important;
  color:#eee8d8!important;
  font:700 clamp(25px,6vw,32px)/1.05 'Share Tech Mono',monospace!important;
  letter-spacing:.035em;
  text-transform:uppercase;
}
body.fn-auth-page p{
  margin:8px 0 16px;
  padding:12px 13px;
  border:1px solid #1b1d18;
  background:#171a15;
  color:#b8b19d!important;
  box-shadow:inset 0 0 15px #0007;
  font:12px/1.65 'Share Tech Mono',monospace!important;
}
body.fn-auth-page .step,
body.fn-auth-page .identity{
  display:block;
  margin:10px 0;
  padding:7px 9px;
  border:2px inset #2e342c;
  border-radius:1px!important;
  background:#090c09!important;
  color:#a8d49b!important;
  box-shadow:inset 0 0 12px #000!important;
  text-shadow:0 0 5px rgba(168,212,155,.18);
  font:10px/1.45 'Share Tech Mono',monospace!important;
  letter-spacing:.07em;
}

body.fn-auth-page label{
  display:block;
  margin-top:14px!important;
  color:#d7cba9!important;
  font:10px/1.35 'Share Tech Mono',monospace!important;
  letter-spacing:.11em!important;
  text-transform:uppercase;
}
body.fn-auth-page input:not([type="checkbox"]){
  width:100%;
  min-height:46px;
  margin-top:6px!important;
  padding:11px 12px!important;
  border:2px inset #343a32!important;
  border-radius:1px!important;
  background:#090c09!important;
  color:#dce8d4!important;
  box-shadow:inset 0 3px 10px #000!important;
  caret-color:#e4c37b;
  font:15px/1.2 'Share Tech Mono',monospace!important;
}
body.fn-auth-page input:not([type="checkbox"]):focus{
  outline:3px solid #e4c37b!important;
  outline-offset:2px;
  border-color:#6d684f!important;
}
body.fn-auth-page .row{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin-top:17px!important;
  padding:10px 11px;
  border:1px solid #44473e;
  background:#20231d;
  color:#b8b19d!important;
  font:11px/1.5 'Share Tech Mono',monospace!important;
  text-transform:none;
  letter-spacing:0!important;
}
body.fn-auth-page .row input[type="checkbox"]{
  appearance:none;
  flex:0 0 20px;
  width:20px!important;
  height:20px;
  margin:1px 0 0!important;
  border:2px solid #1a1c17;
  border-top-color:#797568;
  border-radius:1px;
  background:linear-gradient(#4a4b43,#292b26);
  box-shadow:inset 0 1px #6d6f63,0 2px 0 #11120f;
  cursor:pointer;
}
body.fn-auth-page .row input[type="checkbox"]:checked{
  background:#243126;
  box-shadow:inset 0 0 0 4px #10140f,inset 0 0 0 8px #a8d49b,0 2px 0 #11120f;
}
body.fn-auth-page .row input[type="checkbox"]:focus-visible{outline:3px solid #e4c37b;outline-offset:3px}

body.fn-auth-page .btn,
body.fn-auth-page .mini,
body.fn-auth-page .links a{
  border:1px solid #1b1c18!important;
  border-top-color:#7d796c!important;
  border-radius:1px!important;
  background:linear-gradient(#565248,#2d2e29)!important;
  color:#eee1bc!important;
  box-shadow:0 3px 0 #11120f,inset 0 1px rgba(255,255,255,.08)!important;
  font:700 10px/1.2 'Share Tech Mono',monospace!important;
  letter-spacing:.07em!important;
  text-transform:uppercase;
}
body.fn-auth-page .btn{
  width:100%;
  min-height:46px;
  margin-top:20px!important;
  padding:12px 15px!important;
  background:linear-gradient(#75633e,#443821)!important;
  border-color:#8b7549!important;
  color:#f5e5b8!important;
}
body.fn-auth-page .mini{
  width:100%;
  min-height:42px;
  margin-top:12px!important;
  padding:10px 13px!important;
}
body.fn-auth-page :is(.btn,.mini,.links a):active{
  transform:translateY(2px);
  box-shadow:0 1px 0 #11120f!important;
}
body.fn-auth-page :is(.btn,.mini,.links a):focus-visible{outline:3px solid #e4c37b;outline-offset:3px}
body.fn-auth-page :is(.btn,.mini):disabled{opacity:.5!important;cursor:not-allowed!important;filter:saturate(.45)}

body.fn-auth-page .msg{
  min-height:34px!important;
  margin-top:14px!important;
  padding:8px 10px;
  border:1px solid #343b32;
  border-left:4px solid #5c6858;
  border-radius:1px!important;
  background:#0b0f0b!important;
  color:#d87563;
  box-shadow:inset 0 0 12px #000!important;
  font:10px/1.5 'Share Tech Mono',monospace!important;
}
body.fn-auth-page .links{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:8px!important;
  margin-top:17px!important;
  padding-top:13px;
  border-top:1px solid #56574e;
}
body.fn-auth-page .links a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:39px;
  padding:8px 10px;
  text-align:center;
  text-decoration:none!important;
}

@media(max-width:560px){
  body.fn-auth-page{align-items:flex-start;padding:14px 9px 28px}
  body.fn-auth-page .card{padding:48px 16px 19px!important}
  body.fn-auth-page .card::before{left:12px;right:12px;font-size:8px}
  body.fn-auth-page .links{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  body.fn-auth-page *,body.fn-auth-page *::before,body.fn-auth-page *::after{animation:none!important;transition:none!important}
}