.header-left {
  display: flex;
  align-items: center;
  gap: 18px;
}

.back-console {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 13px 8px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: var(--ink);
  text-decoration: none;
  font-size: 14px;
  font-weight: 800;
  box-shadow: 0 8px 24px rgba(48, 38, 78, 0.08);
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.back-console:hover {
  transform: translateX(-2px);
  box-shadow: 0 10px 28px rgba(48, 38, 78, 0.14);
}

.back-console i {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffb24b, #ff6f59);
  color: #fff;
  font-size: 20px;
  font-style: normal;
  line-height: 1;
}

@media (max-width: 720px) {
  .header-left { gap: 9px; }
  .back-console { padding: 5px; }
  .back-console span { display: none; }
  .back-console i { width: 34px; height: 34px; }
  .brand { gap: 7px; }
  .brand b { display: none; }
  .brand span { font-size: 14px; }
}