.logo-container {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
}

.logo-icon {
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  border-radius: 8px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.paw-print {
  position: relative;
  width: 24px;
  height: 24px;
}

.paw-pad {
  position: absolute;
  background: #ffffff;
  border-radius: 50%;
}

.paw-pad.main { width: 12px; height: 12px; top: 9px; left: 6px; }
.paw-pad.toe1 { width: 5px; height: 5px; top: 4px; left: 7px; }
.paw-pad.toe2 { width: 5px; height: 5px; top: 7px; left: 2px; }
.paw-pad.toe3 { width: 6px; height: 6px; top: 5px; left: 12px; }
.paw-pad.toe4 { width: 5px; height: 5px; top: 9px; left: 8px; }

.star-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 20px;
  height: 20px;
  background: #f59e0b;
  border-radius: 50%;
  border: 2px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.star {
  font-size: 12px;
  color: #fff;
  font-weight: bold;
}

.logo-text {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}

.logo-main {
  font-size: 18px;
}

.logo-sub {
  font-size: 10px;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}