.subtitle {
  color: var(--text-muted);
  margin-bottom: 30px;
}

.summary {
  position: relative;
  transition: var(--transition);
}

.summary h2 {
  margin: 10px 0;
}

.summary:hover {
  transform: translateY(-6px);
}

.green-border { border-top: 2px solid var(--accent); }
.purple-border { border-top: 2px solid var(--purple); }
.blue-border { border-top: 2px solid var(--blue); }

.positive {
  position: absolute;
  bottom: 20px;
  right: 20px;
  color: var(--accent);
}

.performance {
  transition: var(--transition);
}

.performance:hover {
  transform: translateY(-8px);
}

.green-glow:hover {
  box-shadow: 0 0 20px var(--accent-glow);
}

.blue-glow:hover {
  box-shadow: 0 0 20px rgba(37,99,235,0.4);
}

.purple-glow:hover {
  box-shadow: 0 0 20px rgba(139,92,246,0.4);
}

canvas {
  margin-top: 20px;
}