{% extends "base.html" %}
{% block title %}Team — {{ brand }}{% endblock %}
{% block content %}
<section class="max-w-6xl mx-auto px-6 py-16">
  <h1 class="text-4xl font-bold">Team</h1>
  <p class="mt-2 text-white/75">Officers & advisors.</p>
  <div class="mt-8 grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
    {% for o in officers %}
    <div class="rounded-2xl bg-white/5 border border-white/10 p-5">
      <div class="text-xl font-semibold">{{ o.name }}</div>
      <div class="text-white/80">{{ o.role }}</div>
      <div class="mt-3 flex gap-3 text-sm">
        {% if o.links.github %}<a class="underline hover:text-bt-accent" href="{{ o.links.github }}">GitHub</a>{% endif %}
        {% if o.links.linkedin %}<a class="underline hover:text-bt-accent" href="{{ o.links.linkedin }}">LinkedIn</a>{% endif %}
      </div>
    </div>
    {% endfor %}
  </div>
</section>
{% endblock %}