.contest-view-tabs {
  display: flex;
  gap: 0;
  margin: 2rem 0 1.5rem;
  border-bottom: 2px solid #e0e0e0;
}

.tab-button {
  flex: 1;
  padding: 1.2rem 2rem;
  background: #f5f5f5;
  border: none;
  border-bottom: 3px solid transparent;
  font-size: 1.6rem;
  font-weight: 600;
  color: #666;
  cursor: pointer;
  transition: all 0.3s ease;
}

.tab-button:hover {
  background: #ebebeb;
  color: #333;
}

.tab-button.active {
  background: #fff;
  color: #2846c3;
  border-bottom-color: #2846c3;
}

.contest-item.highlighted {
  background-color: #fff3e0;
  transition: background-color 0.3s ease;
}

@media (max-width: 768px) {
  .tab-button {
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
  }
}