/*
  Jumaro AI access pages, wearing the Nexus system look in blue.

  Same cockpit language as Nexus Dashboard and Nexus Control — black ground, JetBrains Mono,
  hairline borders, uppercase micro-labels, tabular numerals — with Jumaro's blue where those
  wear Jovik's red. Hand-written and independent of the site's precompiled Tailwind bundle, which
  is edited in place and must not be able to strip the styling off a sign-in page.

    /panel/         the client sign-in (credentials are entered here)
    /panel/equipo/  the team gateway
*/
:root{
  --bg:#000000; --s1:#0d0d0d; --s2:#141414; --s3:#1c1c1c;
  --line:#2a2a2a; --line-2:#3a3a3a;
  --fg:#ffffff; --fg-2:#d0d0d0; --muted:#808080; --faint:#5f5f5f;
  --blue:#1d4ed8; --blue-2:#2563eb; --blue-dim:#132a63; --blue-soft:rgba(29,78,216,.14);
  --green:#2fd576; --amber:#e5a50a; --danger:#e5484d;
  --r:10px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg); color:var(--fg);
  font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  font-feature-settings:"zero" 1; font-size:14px; line-height:1.6;
  -webkit-font-smoothing:antialiased;
  min-height:100vh; display:flex; flex-direction:column;
}
a{color:inherit}
::selection{background:var(--blue);color:#fff}
*{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}

/* micro-label, the cockpit's signature */
.label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}

/* ── top bar ─────────────────────────────────────────────── */
.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  height:52px;padding:0 1.25rem;border-bottom:1px solid var(--line);background:var(--s1)}
@media(min-width:900px){.top{padding:0 2rem}}
.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}
.logo img{width:24px;height:24px;border-radius:6px}
.logo b{font-size:13px;font-weight:700;letter-spacing:.02em}
.logo .v{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);
  padding-left:.6rem;margin-left:.6rem;border-left:1px solid var(--line)}
.back{font-size:11px;color:var(--muted);text-decoration:none;letter-spacing:.04em}
.back:hover{color:var(--fg)}

/* ── layout ──────────────────────────────────────────────── */
.wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.25rem}
.inner{width:100%;max-width:26rem}
.head{margin:0 0 1.4rem}
.head h1{font-size:22px;line-height:1.2;margin:.7rem 0 0;letter-spacing:-.01em;font-weight:700}
.head p{margin:.5rem 0 0;color:var(--muted);font-size:12.5px;line-height:1.6}
.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue-2);
  margin-right:.5rem;vertical-align:middle}

/* ── panel (the card) ────────────────────────────────────── */
.panel{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:1.5rem}
.panel + .panel{margin-top:.9rem}
.panel .brand{display:flex;align-items:center;gap:.65rem;padding-bottom:1rem;
  border-bottom:1px solid var(--line);margin-bottom:1.2rem}
.panel .brand img{width:28px;height:28px;border-radius:7px}
.panel .brand b{font-size:14px}
.panel .brand .host{margin-left:auto;font-size:10.5px;color:var(--faint)}

/* ── form ────────────────────────────────────────────────── */
.field{margin:0 0 .9rem}
.field label{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);font-weight:700;margin:0 0 .4rem}
.field input{width:100%;padding:.7rem .8rem;background:var(--s2);color:var(--fg);
  border:1px solid var(--line);border-radius:8px;font:inherit;font-size:13px;outline:none;
  transition:border-color .15s,box-shadow .15s}
.field input::placeholder{color:var(--faint)}
.field input:focus{border-color:var(--blue-2);box-shadow:0 0 0 3px var(--blue-soft)}
.field input:-webkit-autofill,
.field input:-webkit-autofill:hover,
.field input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--fg);
  -webkit-box-shadow:0 0 0 1000px var(--s2) inset, 0 0 0 3px transparent;
  caret-color:var(--fg);
}
button.go,a.go{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;
  padding:.75rem 1.2rem;border-radius:8px;font:inherit;font-size:13px;font-weight:700;
  text-decoration:none;border:1px solid transparent;cursor:pointer;
  transition:background .15s,border-color .15s,transform .15s}
.go.primary{background:var(--blue);color:#fff;box-shadow:0 10px 30px -14px rgba(29,78,216,.95)}
.go.primary:hover{background:var(--blue-2);transform:translateY(-1px)}
.go.primary:disabled{opacity:.55;cursor:progress;transform:none}
.go.ghost{background:transparent;border-color:var(--line-2);color:var(--fg-2)}
.go.ghost:hover{background:var(--s3);color:var(--fg)}
.go.disabled{background:transparent;border:1px dashed var(--line-2);color:var(--faint);
  cursor:not-allowed}
.go span.arrow{transition:transform .15s}
.go:not(.disabled):hover span.arrow{transform:translateX(3px)}

.alert{display:none;margin:0 0 .9rem;padding:.65rem .8rem;border-radius:8px;font-size:12px;
  background:#2a0d0d;border:1px solid #4a1a1a;color:#ff8f8f}
.alert.on{display:block}
.hint{margin:1rem 0 0;font-size:11px;line-height:1.6;color:var(--faint);text-align:center}
.hint a{color:var(--fg-2)}

/* ── the second door ─────────────────────────────────────── */
.staff{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  margin-top:.9rem;padding:.9rem 1.1rem;background:var(--s1);
  border:1px solid var(--line);border-radius:var(--r)}
.staff .t{font-size:12px;font-weight:700}
.staff .s{font-size:11px;color:var(--muted);margin-top:.15rem}
.staff a.go{width:auto;padding:.5rem .9rem;font-size:11.5px;white-space:nowrap}

/* ── team gateway: the split ─────────────────────────────── */
.splitwrap{position:relative;flex:1;display:flex}
.split{flex:1;display:grid;grid-template-columns:1fr}
@media(min-width:900px){.split{grid-template-columns:1fr 1fr}}
.side{position:relative;display:flex;flex-direction:column;justify-content:center;
  padding:2.5rem 1.5rem;border-bottom:1px solid var(--line)}
@media(min-width:900px){
  .side{padding:3.5rem}
  .side{border-bottom:0}
  .side + .side{border-left:1px solid var(--line)}
}
.side::before{content:"";position:absolute;inset:0;pointer-events:none}
.side.dash::before{background:radial-gradient(60% 45% at 50% 0%,rgba(29,78,216,.18),transparent 70%)}
.side.ctrl::before{background:radial-gradient(60% 45% at 50% 0%,rgba(255,255,255,.04),transparent 70%)}
.side .box{position:relative;z-index:1;width:100%;max-width:24rem;margin:0 auto}
.id{display:flex;align-items:center;gap:.75rem;margin:.9rem 0 0}
.mark{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;
  justify-content:center;font-weight:800;font-size:15px;flex:none}
.side.dash .mark{background:var(--blue);color:#fff;box-shadow:0 8px 26px -12px rgba(29,78,216,.9)}
.side.ctrl .mark{background:var(--s2);border:1px solid var(--line-2);color:var(--muted)}
.id h2{margin:0;font-size:19px;font-weight:700;letter-spacing:-.01em}
.side.ctrl .id h2{color:var(--fg-2)}
.id .host{display:block;margin-top:.15rem;font-size:10.5px;color:var(--faint)}
.side p.lede{margin:.9rem 0 0;font-size:12.5px;line-height:1.65;color:var(--fg-2)}
.side.ctrl p.lede{color:var(--muted)}
ul.feat{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}
ul.feat li{display:flex;gap:.55rem;font-size:12px;color:var(--muted)}
ul.feat li::before{content:"";flex:none;width:4px;height:4px;border-radius:50%;margin-top:.55rem;
  background:var(--blue-2)}
.side.ctrl ul.feat li::before{background:var(--line-2)}
.spec{margin:1.1rem 0 0;padding:.8rem .9rem;border-radius:8px;background:var(--s2);
  border:1px solid var(--line)}
.spec dt{margin:0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);font-weight:700}
.spec dd{margin:.35rem 0 0;font-size:12.5px;font-weight:700;color:var(--fg)}
.spec p{margin:.4rem 0 0;font-size:11px;line-height:1.6;color:var(--faint)}
.side .go{margin-top:1.1rem}
.divider{display:none}
@media(min-width:900px){
  .divider{display:flex;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;
    width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;
    background:var(--bg);border:1px solid var(--line-2);font-size:10px;font-weight:800;
    color:var(--muted)}
}

/* ── footer ──────────────────────────────────────────────── */
.foot{border-top:1px solid var(--line);background:var(--s1);
  padding:.9rem 1.25rem;text-align:center;font-size:11px;color:var(--faint)}
.foot a{color:var(--fg-2)}