/* LOGOS login — brandbook v2. */
@keyframes lspin{to{transform:rotate(360deg)}}

body{display:grid;place-items:center;min-height:100vh;padding:24px}

.login-panel{width:min(360px,90vw);display:flex;flex-direction:column;gap:26px}
.login-brand{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}
.login-wordmark{font-family:var(--display);font-weight:600;font-size:21px;letter-spacing:.42em;margin-left:.42em;color:var(--ink)}
.login-sub{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--muted)}

.login-form{display:flex;flex-direction:column;gap:14px}
.field{display:flex;flex-direction:column;gap:6px}
.field span{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;color:var(--muted)}
.field input{background:var(--surface-2);border:1px solid var(--line);padding:11px 12px;color:var(--ink);
  border-radius:2px;font-family:var(--body);font-size:15px}
.field input::placeholder{color:var(--muted-dim)}
.field input:focus-visible{border-color:var(--logos);outline:none}

.login-error{font-family:var(--mono);font-size:11px;color:var(--down);line-height:1.5;display:none}
.login-error.is-error{display:block}

.login-go{margin-top:6px;padding:12px;background:rgba(95,157,128,.1);border:1px solid var(--logos);
  border-radius:2px;color:#cfe3d8;font-family:var(--display);font-weight:500;font-size:13px;
  letter-spacing:.14em;cursor:pointer;transition:background .25s}
.login-go:hover{background:rgba(95,157,128,.22)}
.login-go:focus-visible{outline:1px solid var(--logos);outline-offset:2px}

.login-foot{text-align:center;font-family:var(--mono);font-size:10px;color:var(--muted-dim);letter-spacing:.06em}

@media (prefers-reduced-motion: reduce){
  .login-brand svg circle{animation:none}
}