.login-brand {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0 0 8px;
}
.login-brand-logo {
  width:52px;
  height:52px;
  object-fit:contain;
  flex:0 0 52px;
}
.login-brand-name {
  font-size:24px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:0;
  color:inherit;
  white-space:nowrap;
}
.login-brand-subtitle {
  margin:0 0 24px;
  text-align:center;
  font-size:13px;
  line-height:1.4;
  color:#7d7569;
}
.app-brand {
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  margin:0;
  color:inherit;
}
.app-brand-logo {
  width:24px;
  height:24px;
  object-fit:contain;
  flex:0 0 24px;
}
.app-brand--desktop .app-brand-logo {
  width:28px;
  height:28px;
  flex-basis:28px;
}
.app-brand-copy {
  display:flex;
  flex-direction:column;
  min-width:0;
}
.app-brand-name {
  display:block;
  font-size:15px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:0;
  color:inherit;
  white-space:nowrap;
}
.app-brand-meta {
  display:block;
  margin-top:2px;
  font-size:11px;
  line-height:1.15;
  font-weight:600;
  letter-spacing:0;
  color:inherit;
  opacity:.72;
  white-space:nowrap;
}

@media (max-width:374px) {
  .app-brand--compact .app-brand-name { display:none; }
  .app-brand--compact { gap:0; }
}