/* auth.qentratech.com — deliberately spare. A sign-in page has one job, and
   anything else on it is a place for the eye to go that is not the form. */
:root{
  --ink:#1a1a1a; --ink-soft:#4a4642; --faint:#8a827a;
  --brass:#c9a46e; --brass-deep:#a8834b;
  --ground:#faf7f2; --card:#ffffff; --rule:#e6ded2;
  --bad:#8a3b3b; --bad-bg:#f7ecec;
}
:root:not([data-theme="light"]){}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ink:#f2ede4; --ink-soft:#c6bdb0; --faint:#8f877c;
    --brass:#d8b57f; --brass-deep:#e0c9a0;
    --ground:#161514; --card:#1f1d1b; --rule:#332f2b;
    --bad:#e6a5a5; --bad-bg:#2c1e1e;
  }
}
*{box-sizing:border-box}
body{
  margin:0;min-height:100dvh;display:grid;place-items:center;padding:2rem 1.25rem;
  background:var(--ground);color:var(--ink);
  font:400 16px/1.6 Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
.shell{
  width:min(26rem,100%);background:var(--card);border:1px solid var(--rule);
  border-radius:16px;padding:2.5rem 2rem;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 44px -26px rgba(0,0,0,.35);
}
.wordmark{
  font:600 .95rem/1 Archivo,sans-serif;letter-spacing:.34em;text-transform:uppercase;
  color:var(--ink);margin:0 0 1.75rem;
}
h1{font:300 1.9rem/1.15 Fraunces,Georgia,serif;margin:0 0 .6rem;letter-spacing:-.015em}
.sub{color:var(--ink-soft);margin:0 0 1.75rem;font-size:.95rem}
label{
  display:block;margin:0 0 .35rem;
  font:500 .74rem/1 Archivo,sans-serif;letter-spacing:.14em;text-transform:uppercase;
  color:var(--faint);
}
input{
  width:100%;margin:0 0 1.15rem;padding:.75rem .85rem;
  font:400 1rem/1.3 Archivo,sans-serif;color:var(--ink);
  background:var(--ground);border:1px solid var(--rule);border-radius:8px;
}
input:focus-visible{outline:2px solid var(--brass-deep);outline-offset:1px;border-color:transparent}
button{
  width:100%;padding:.8rem 1rem;margin-top:.35rem;cursor:pointer;
  font:500 .95rem/1 Archivo,sans-serif;
  color:#fffdf9;background:var(--ink);border:1px solid var(--ink);border-radius:8px;
  transition:background .16s ease;
}
button:hover{background:var(--brass-deep);border-color:var(--brass-deep)}
button:focus-visible{outline:2px solid var(--brass-deep);outline-offset:2px}
.err{
  margin:0 0 1.25rem;padding:.7rem .85rem;font-size:.9rem;
  color:var(--bad);background:var(--bad-bg);border-radius:8px;
}
.dest{margin:1.5rem 0 0;font-size:.85rem;color:var(--faint)}
.btnlink{
  display:inline-block;padding:.7rem 1.1rem;border-radius:8px;text-decoration:none;
  font:500 .9rem/1 Archivo,sans-serif;color:#fffdf9;background:var(--ink);
}
.btnlink:hover{background:var(--brass-deep)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}