.contact-section {
  padding: 0 var(--container-padding);
  margin-bottom: var(--spacing-2xl);
}

.contact-content {
  width: var(--container-content-width);
  height: 360px;
  margin: 0 auto;
  background: var(--color-dark-bg);
  border-radius: var(--border-radius-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl);
  text-align: center;
}

.contact-title {
  color: var(--color-white);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-black);
  line-height: var(--line-height-2xl);
  margin-bottom: var(--spacing-sm);
}

.contact-subtitle {
  color: var(--color-white);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-2xl);
  margin-bottom: var(--spacing-xl);
}

.contact-methods {
  display: flex;
  gap: var(--spacing-xl);
  justify-content: center;
  align-items: center;
}

.contact-method {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 270px;
  height: 80px;
  background: var(--color-white);
  border-radius: var(--border-radius-sm);
  gap: var(--spacing-sm);
  cursor: pointer;
  transition: transform 0.2s ease;
}

.contact-method:hover {
  transform: translateY(-2px);
}

.contact-icon {
  flex-shrink: 0;
}

.contact-text {
  color: var(--color-black);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-xl);
}

@media (max-width: 1440px) {
  .contact-section {
    padding: 0 var(--spacing-md);
  }

  .contact-content {
    width: 100%;
    max-width: var(--container-content-width);
  }
}

@media (max-width: 1024px) {
  .contact-methods {
    flex-direction: column;
    gap: var(--spacing-md);
  }

  .contact-method {
    max-width: 270px;
  }

  .contact-content {
    height: auto;
    padding: var(--spacing-2xl) var(--spacing-md);
  }
}

@media (max-width: 768px) {
  .contact-title {
    font-size: var(--font-size-lg);
  }

  .contact-subtitle {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-lg);
  }

  .contact-text {
    font-size: var(--font-size-sm);
  }

  .contact-method {
    height: 60px;
  }
}

.footer {
  padding: 0 var(--container-padding);
  margin-bottom: var(--spacing-lg);
}

.footer-text {
  width: var(--container-content-width);
  margin: 27.079px auto 0;
  color: var(--color-gray-medium);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-xs);
  text-align: center;
}

@media (max-width: 1440px) {
  .footer {
    padding: 0 var(--spacing-md);
  }

  .footer-text {
    width: 100%;
    max-width: var(--container-content-width);
  }
}

@media (max-width: 768px) {
  .footer-text {
    font-size: 12px;
    line-height: 16px;
  }
}