.login-container{
  max-width:420px;
}

.login-alert{
  margin-bottom:18px;
  padding:12px 14px;
  border-radius:10px;
  background:var(--orange-lt);
  color:#9A3A0B;
  font-size:14px;
}

.login-form{
  display:flex;
  flex-direction:column;
}

.login-form label{
  font-size:13px;
  font-weight:600;
  margin-bottom:6px;
}

.login-form input{
  font:inherit;
  font-size:15px;
  padding:11px 12px;
  margin-bottom:18px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#FAFAFA;
  color:var(--ink);
}

.login-form input:focus{
  outline:none;
  border-color:var(--nav);
  background:#fff;
  box-shadow:0 0 0 3px var(--nav-lt);
}

.login-form button,
.logout-form button{
  font:inherit;
  font-weight:700;
  border:0;
  border-radius:10px;
  cursor:pointer;
}

.login-form button{
  margin-top:4px;
  padding:12px;
  font-size:15px;
  background:var(--nav);
  color:#fff;
}

.login-form button:hover{ filter:brightness(1.08); }

.logout-form{ flex:none; margin:0; }

.logout-form button{
  padding:9px 14px;
  font-size:13.5px;
  background:var(--nav-lt);
  color:var(--nav);
}

.logout-form button:hover{ background:#E5DEFA; }