/* ==========================================================================
   Secondary pages — teams, contact, recruitment, partners, legal
   ========================================================================== */

.secondary-hero {
  position: relative;
  min-height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-top: var(--header-offset);
  background: rgb(var(--color-surface));
  border-bottom: 1px solid rgb(var(--color-border));
}

.secondary-hero__overlay {
  position: absolute;
  inset: 0;
  background: rgb(var(--section-tint) / 0.08);
}

.secondary-hero__content {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: var(--space-16) 0;
}

.secondary-hero__accent {
  color: rgb(var(--color-brand));
}

.secondary-page-content {
  border-radius: 0;
  background: rgb(var(--color-surface));
  border: 1px solid rgb(var(--color-border));
}

.partner-card,
.team-card {
  position: relative;
  background: rgb(var(--color-surface));
  border: 1px solid rgb(var(--color-border));
  border-radius: 0;
  padding: 2rem;
  transition: border-color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);
}

.partner-card:hover,
.team-card:hover {
  border-color: rgb(var(--color-brand));
  transform: translateY(-4px);
}

.team-card__icon {
  width: 3rem;
  height: 3rem;
  margin: 0 auto 1rem;
  color: rgb(var(--color-brand));
}

.team-card__role {
  font-size: 0.875rem;
  color: rgb(var(--text-secondary));
  margin-bottom: 0.5rem;
}

.team-card__name {
  font-size: 1.25rem;
  font-weight: 600;
}

.contact-info-card {
  background: rgb(var(--color-surface));
  border: 1px solid rgb(var(--color-border));
  border-radius: 0;
  padding: 1.5rem;
  transition: border-color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);
}

.contact-info-card:hover {
  border-color: rgb(var(--color-brand));
  transform: translateY(-4px);
}

.contact-info-card__row {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.contact-info-card__title {
  margin: 0 0 0.25rem;
  font-size: 1.125rem;
}

.contact-info-card__value {
  display: block;
  margin: 0 0 0.25rem;
  font-size: 0.875rem;
  color: rgb(var(--text-secondary));
  text-decoration: none;
}

a.contact-info-card__value:hover {
  color: rgb(var(--color-brand));
}

.contact-info-card__description {
  margin: 0;
  font-size: 0.75rem;
  color: rgb(var(--text-secondary));
}

.contact-info-card__icon {
  width: 3rem;
  height: 3rem;
  background: rgb(var(--background));
  border: 1px solid rgb(var(--border-color));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: rgb(var(--color-brand));
}

.faq-card {
  background: rgb(var(--color-surface));
  border: 1px solid rgb(var(--color-border));
  border-radius: 0;
  padding: 1.5rem;
  transition: border-color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);
}

.faq-card:hover {
  border-color: rgb(var(--color-brand));
  transform: translateY(-4px);
}

.faq-card__question {
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
  color: rgb(var(--color-brand));
}

.faq-card__answer {
  margin: 0;
  color: rgb(var(--text-secondary));
}

.community-section__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem;
  border: 1px solid rgb(var(--color-brand));
  background: rgb(var(--color-brand));
  color: #fff;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
}

.community-section__cta:hover {
  background: transparent;
  color: rgb(var(--color-brand));
}

.community-section__cta.is-outline {
  background: transparent;
  border-color: rgb(var(--border-color));
  color: rgb(var(--text-primary));
}

.community-section__cta.is-outline:hover {
  border-color: var(--discord-blurple, #5865f2);
  color: var(--discord-blurple, #5865f2);
}

.community-social-link {
  width: 3rem;
  height: 3rem;
  background: rgb(var(--background));
  border: 1px solid rgb(var(--border-color));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.community-social-link:hover {
  transform: translateY(-4px) scale(1.1);
}

.recruitment-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  background: rgb(var(--color-surface));
  border: 2px solid rgb(var(--color-brand));
  border-radius: 0;
}

.recruitment-status-badge__icon {
  width: 2rem;
  height: 2rem;
  color: rgb(var(--color-brand));
}

.thank-you-grid__card {
  background: rgb(var(--color-surface));
  border: 1px solid rgb(var(--color-border));
  border-radius: 0;
  padding: 2rem;
}

.thank-you-grid__heading {
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
  color: rgb(var(--color-brand));
}